Ruta Full Stack
0✦ 0
Glosario · Herramientas · Fase 1

Editor de código

El programa donde abres, lees y editas el código de un proyecto: un procesador de textos especializado en código.

✦Apagada: responde bien la pregunta del final para encenderla

También lo verás como: editor · editores · IDE · VS Code · Visual Studio Code · VSCode · Cursor · Neovim · extensiones del editor · terminal integrada

Analogía

Word, pero que entiende el idioma del código: lo colorea, avisa de errores, autocompleta y te deja ver el proyecto entero a la vez.

Lo que tiene que hacer bien

Parte Para qué
Explorador ver el árbol de carpetas del proyecto
Resaltado colores que hacen legible el código
Buscar en todo encontrar dónde aparece algo entre cientos de archivos
Control de código fuente ver qué ha cambiado (el diff) de forma visual
Terminal integrada la terminal dentro del editor, ya en la carpeta del proyecto
Extensiones complementos que añaden funciones

El tuyo: VS Code

Ya lo tienes instalado, en español, con la extensión de Claude Code. Desde la terminal, code . abre la carpeta donde estás. La terminal integrada se abre en el menú Terminal → Nueva terminal.

Alternativas

  • Cursor: VS Code con IA integrada.
  • Zed: muy rápido, más joven.
  • Neovim: el que trae Omarchy por defecto. Potentísimo, con una curva de aprendizaje enorme. No ahora.

Extensiones: pocas y conocidas

Cada extensión es código de terceros con acceso a tus proyectos (y a los de tus clientes). Instala solo las que entiendas para qué sirven.

Un paso más: editor frente a procesador de textos

Word guarda mucho más que tus letras: tipografías, márgenes, colores. Un editor de código guarda solo los caracteres → texto plano. Los colores que ves en pantalla son una ayuda visual del editor: no están en el archivo.

Por eso el código nunca se escribe en Word: metería caracteres invisibles que rompen todo.

Tres atajos de VS Code que usarás cada día:

  • Ctrl + P → abrir un archivo escribiendo parte de su nombre.
  • Ctrl + Shift + F → buscar un texto en todo el proyecto.
  • Ctrl + Shift + P → la paleta: cualquier función del editor, buscándola por nombre.
Visual Studio Code desde CERO: configuración, tips, atajos, extensionesYoelvis Mulen · españolAbrir en YouTube
Comprueba que lo entendiste

En tu forma de trabajar, ¿para qué usarás sobre todo el editor?

Ver también

terminal · Markdown · Claude Code