Cómo configurar Atom para el desarrollo de JavaScript

Si llegaste aquí buscando cómo configurar Atom, lo primero es una advertencia clara. Atom ya no se desarrolla. GitHub lo archivó el 15 de diciembre de 2022, junto con todos los proyectos de su organización, y desde entonces no hay versiones nuevas ni correcciones de seguridad. Por eso esta guía ya no explica cómo instalar paquetes de Atom. Te dice qué hacer hoy y rescata lo que sigue siendo válido en cualquier editor.

Qué pasó con Atom

Atom fue un editor gratuito creado por GitHub y construido sobre Electron. Según el anuncio oficial de GitHub, llevaba años sin avances importantes y la comunidad que lo mantenía se había reducido mucho, así que GitHub decidió concentrarse en Visual Studio Code y en GitHub Codespaces.

Tras el cierre, los instaladores siguieron disponibles, pero dejaron de funcionar el gestor de paquetes y las actualizaciones de seguridad. En enero de 2023 GitHub informó además que revocó algunos certificados de firma de código de Atom, y desde el 2 de febrero de 2023 ciertas versiones dejaron de funcionar. Un editor sin parches de seguridad no es buena base para aprender ni para trabajar.

Qué hacer hoy

La salida más sencilla es pasarte a Visual Studio Code, un editor gratuito, muy usado en JavaScript y con mucha documentación. La configuración ya está explicada, así que no la repetimos aquí.

• Para dejar VS Code listo para JavaScript, con ESLint, formato automático y depuración, sigue la guía Cómo configurar VS Code para el desarrollo de JavaScript.
• Si empiezas con HTML y CSS, revisa las extensiones de VS Code para principiantes.
• Si prefieres una ruta guiada, mira el curso en línea de configuración del entorno de JavaScript.

Existe también Pulsar, un editor comunitario que nació como bifurcación de Atom. Es una opción válida si te gusta ese estilo, pero para aprender conviene un editor con mucha ayuda disponible.

Si todavía tienes Atom instalado, tus proyectos no se pierden, porque son carpetas normales que puedes abrir en el editor nuevo. Lo que no se traslada son los paquetes de Atom, que hay que sustituir por extensiones del editor que elijas.

Lo que sigue valiendo de esta guía

ESLint es la herramienta más usada para revisar código JavaScript, marcar errores y mantener un estilo coherente. Funciona igual en cualquier editor, porque es una herramienta de Node.js y el editor solo muestra sus avisos. Lo que cambió desde la guía original es la forma de instalarla.

• Hoy se recomienda instalar ESLint dentro de cada proyecto y no de forma global, para que cada proyecto tenga su propia versión y su configuración.
• El formato actual de configuración es el archivo eslint.config.js, llamado "flat config". Los archivos .eslintrc.yml de los tutoriales antiguos ya no son el camino.
• Desde la carpeta del proyecto, npm init @eslint/config@latest crea la configuración con un asistente, y npx eslint archivo.js revisa un archivo desde el terminal.

Los pasos completos y la integración con el editor están en la guía de VS Code. Si aún no tienes Node.js, en la guía de gestores de versiones explicamos cómo instalarlo y mantenerlo al día.

El tutorial original también usaba paquetes de Atom como atom-ternjs, autocomplete-modules y js-hyperclick para autocompletar código y rutas de módulos y para saltar a la definición de una función. Esos paquetes viven dentro de Atom y no se pueden llevar a otro editor, pero hoy esas funciones vienen integradas en los editores modernos. En VS Code el autocompletado inteligente funciona desde la instalación, y puedes ir a la definición de un símbolo con F12 o con Ctrl+clic.

Cambiar de editor es normal en la carrera de un programador, y lo que aprendes sobre linters, formato y buenas prácticas te acompaña a cualquier herramienta.