Skip to content

Todo para WordPress, el desarrollo web — y mucho más

⚡ Atom está cerrado: cómo mover tus funciones favoritas a VS Code

⚡ Atom está cerrado: cómo mover tus funciones favoritas a VS Code

Ha pasado años configurando Atom. Cientos de líneas en config.cson, docenas de complementos, atajos de teclado personalizados. El editor se convirtió en una extensión de sus manos. Y entonces GitHub anunció: a partir del 15 de diciembre de 2022, Atom queda oficialmente cerrado, los repositorios archivados y el desarrollo detenido.

La solución resultó ser a la vez simple y compleja. Simple, porque el sucesor es obvio: Visual Studio Code, el editor gratuito de código abierto de Microsoft, ya se ha convertido en un estándar de la industria. Complejo, porque migrar significa reconstruir su entorno de trabajo familiar desde cero. Pero cada función que le gustaba de Atom ya está integrada en VS Code o se instala con un clic.

En este material, una transferencia directa de tres escenarios concretos de Atom a VS Code: formateo de código, búsqueda rápida en proyectos y trabajo con un servidor remoto vía FTP. Con nombres de extensiones específicos, atajos de teclado y configuraciones.

💡 Resumen rápido:

  • Instale VS Code, agregue las extensiones Prettier (formateo) y SFTP (sincronización con el servidor)
  • Memorice tres atajos: Ctrl+Shift+F para buscar en archivos, Ctrl+P para navegación rápida, Ctrl+Shift+P para la paleta de comandos
  • Configure sftp.json una vez, active uploadOnSave y el editor se encargará automáticamente de la sincronización en cada guardado
  • Domine Ctrl+P @ para navegación por símbolos y Ctrl+P : para saltar a línea, dos funciones sin equivalente en Atom

Formateo de código, embellecimiento automático sin complementos

En Atom, el paquete atom-beautify se encargaba del formateo de HTML, CSS y JS. Usted abría la paleta de comandos (Ctrl+Shift+P), escribía "Install packages", encontraba atom-beautify y pulsaba "Install". Luego se acostumbraba al atajo Ctrl+Alt+B para ejecutar el formateo.

VS Code va más allá. El formateo básico está integrado directamente en el núcleo: Shift+Alt+F en Windows o Shift+Option+F en Mac. Sin complementos, sin configuración. Pero para trabajo serio, la comunidad se ha decantado por una herramienta, Prettier. Es un formateador con criterio propio: decide el ancho de línea, coloca los punto y coma, envuelve los atributos largos. Sin debates de estilo en el equipo, Prettier simplemente lo hace todo.

La instalación lleva un minuto. Abra Extensiones (Ctrl+Shift+X), escriba Prettier - Code formatter (autor, esbenp.prettier-vscode), haga clic en Instalar. Para que Prettier se active en cada guardado, vaya a configuración (Ctrl+,), marque "Format on Save" o agregue en settings.json:

1{
2 "editor.formatOnSave": true,
3 "editor.defaultFormatter": "esbenp.prettier-vscode"
4}

A partir de este momento, cualquier guardado (Ctrl+S) formatea el archivo automáticamente. La misma sensación que con atom-beautify, solo que más rápido y sin un gestor de paquetes adicional.

Búsqueda rápida y navegación por el proyecto

En Atom usted usaba Ctrl+Shift+F para buscar en los archivos de la carpeta del proyecto. La mecánica era simple: abrir un proyecto como directorio, pulsar el atajo, introducir una cadena y ver las coincidencias en todos los archivos a la vez.

VS Code implementa la búsqueda exactamente igual, Ctrl+Shift+F. Se abre una barra lateral de búsqueda con un campo de entrada. Escriba una subcadena y el editor muestra todas las ocurrencias agrupadas por archivos. Puede hacer clic en cualquier coincidencia y saltar directamente a esa línea. Todo como en Atom, solo que la búsqueda funciona un orden de magnitud más rápido, el motor ripgrep escrito en Rust escanea el árbol de archivos al instante incluso en monorrepositorios grandes.

Pero la principal ventaja de VS Code es Ctrl+P (Apertura rápida). No es solo un cambio rápido de archivo: escriba parte de un nombre de archivo sin la ruta exacta y el editor lo encuentra al instante. Escribió ftpconf y sftp.json ya aparece en la primera línea. Agregó @ después del nombre, se despliega una lista de símbolos (funciones, clases, variables) dentro del archivo. Agregó :, salta al número de línea. Tres pulsaciones sin demoras de teclas lentas: Ctrl+P, un par de letras, Enter.

Y una cosa más: Ctrl+Shift+P, la paleta de comandos. Igual que en Atom, pero con una búsqueda difusa de comandos más inteligente. Escribió fmt, ve tanto Formatear documento como todas las acciones relacionadas. Los complementos se detectan automáticamente.

Trabajo con servidor remoto: SFTP en lugar de Remote-FTP

En Atom, se usaba el paquete Remote-FTP para conexiones FTP. La configuración residía en .ftpconfig y requería gestión manual del parámetro keepalive: algunas versiones del complemento interpretaban 0 como desactivar keepalive, otras como un intervalo de 10000 ms. La confusión con ECONNRESET era habitual, especialmente tras las actualizaciones.

En VS Code, SFTP de Natizyskunk maneja FTP/SFTP, un fork mantenido activamente del original liximobo/vscode-sftp. El flujo de trabajo es el mismo, pero sin los errores heredados de keepalive. La configuración va en .vscode/sftp.json dentro de la carpeta del proyecto. Plantilla básica:

1{
2 "name": "My Server",
3 "host": "ftp.example.com",
4 "protocol": "ftp",
5 "port": 21,
6 "username": "user",
7 "password": "password",
8 "remotePath": "/public_html/project",
9 "uploadOnSave": true
10}

El campo uploadOnSave: true es la magia: cada Ctrl+S guarda simultáneamente el archivo en local y lo sube al servidor. Sin sincronización manual.

La instalación es la estándar: Ctrl+Shift+X → busque SFTP (autor Natizyskunk) → Instalar. Luego Ctrl+Shift+PSFTP: Config, y el editor creará una plantilla sftp.json en la carpeta .vscode. Rellene los campos de host, usuario y contraseña, guarde y estará listo para trabajar. El comando SFTP: Download Project descargará un proyecto existente del servidor de una sola vez.

Si su .ftpconfig de Atom está por ahí en copias de seguridad, la transferencia de campos lleva un minuto: host y port se quedan como están, user pasa a ser username, remote pasa a ser remotePath. La contraseña en sftp.json es opcional: no la especifique, el editor se la pedirá en la primera conexión (de hecho, es más seguro así).

Un análogo directo para quienes prefieren SSH sobre FTP es la extensión Remote, SSH de Microsoft. No solo sincroniza archivos, sino que abre una máquina remota completa como una carpeta local. Terminal, depuración, búsqueda, todo funciona en el servidor de forma transparente.

⁉️🤔 Preguntas frecuentes

¿Es obligatorio cambiarse de Atom específicamente a VS Code?

No, la elección de editor es un asunto personal. Además de VS Code existen Zed (rápido, basado en Rust, enfocado en asistentes de IA), Sublime Text 4 (minimalista, de pago) y Pulsar, un fork comunitario de Atom que intenta continuar su desarrollo. Pero en términos de "tamaño de la comunidad + número de extensiones + frecuencia de actualización", VS Code en 2026 no tiene rival. Pulsar sí reunió a parte de la comunidad de Atom y soporta el formato de paquete antiguo, incluido atom-beautify, pero el ritmo de desarrollo es mucho más lento, el catálogo de extensiones es limitado y los equipos corporativos no están migrando a él. Si es un desarrollador en solitario y categóricamente no quiere cambiar de hábitos, pruébelo. Para todo lo demás, existe VS Code.

¿Cómo migro los fragmentos de código de Atom a VS Code?

Atom almacenaba los fragmentos de usuario en ~/.atom/snippets.cson (formato CSON, similar a JSON estilo CoffeeScript). VS Code usa JSON plano en un archivo snippets.code-snippets dentro de la carpeta .vscode del proyecto o globalmente a través de File > Preferences > User Snippets. El formato difiere: campo prefix en lugar de prefix en CSON, body con un array de cadenas en lugar de multilínea. Migrar una entrada lleva 30 segundos de copiar y pegar. Para migración masiva existen conversores, busque atom-to-vscode-snippets en GitHub.

¿Y los temas de color?

Todos los temas populares de Atom han sido portados a VS Code hace tiempo. One Dark, Monokai, Dracula, Nord, Gruvbox, escriba el nombre del tema en la búsqueda de Extensiones (Ctrl+Shift+X) y aparecerá a la primera. El resaltado de sintaxis en VS Code funciona mediante gramáticas TextMate, las mismas que usaba Atom, por lo que los colores y tokens coinciden casi al píxel.

¿El multicursor funciona como en Atom?

Sí, y con exactamente las mismas teclas: Ctrl+D selecciona la siguiente ocurrencia de la palabra bajo el cursor, Alt+Click coloca un punto de edición arbitrario, Ctrl+Shift+L selecciona todas las ocurrencias a la vez. Atom inventó la edición multicursor, VS Code la implementó de forma idéntica.

¿Puede VS Code abrir archivos muy grandes (logs, volcados)?

Atom empezaba a ralentizarse notablemente con archivos de más de 2 MB, y el umbral de 10 MB era prácticamente insalvable. VS Code lo maneja significativamente mejor: archivos de hasta 50-100 MB se abren con normalidad (el resaltado de sintaxis puede desactivarse automáticamente para ahorrar memoria). Para logs extragrandes (gigabytes), use la extensión Large File Support o herramientas externas como less/grep en la terminal.

Qué instalar en 2026: un stack concreto en lugar de Atom

Si todavía sigue en Atom, el último día para migrar fue ayer. El editor ya no recibe actualizaciones de seguridad, el gestor de paquetes apm está desactivado y algunos paquetes ya son incompatibles con la última versión (1.63.2 de noviembre de 2022). Permanecer en un editor muerto significa trabajar con la puerta abierta.

Stack de reemplazo concreto:

  • VS Code como editor principal, gratuito, actualizaciones mensuales, más de 50.000 extensiones en el Marketplace.
  • Prettier para formatear todo: HTML, CSS, JS, Markdown, JSON. Una pulsación al guardar.
  • SFTP de Natizyskunk para subir archivos al hosting vía FTP/SFTP. El mismo patrón .ftpconfig que Remote-FTP, solo que sin errores de keepalive.
  • Remote, SSH si el hosting soporta acceso SSH: trabajo completo con archivos del servidor sin sincronización manual.

Tres pasos para empezar ahora mismo: descargue VS Code del sitio oficial, instale las extensiones Prettier y SFTP, transfiera los datos de .ftpconfig a sftp.json. Esto le llevará una hora y cerrará la cuestión del editor para los próximos años. Pruébelo, ya que todo lo mencionado es gratuito.