Saltar al contenido
Entrar
Plano del curso

Misión 05 de 23

  1. Instala VS Code
  2. Abre tu proyecto
  3. Instala la extensión de Claude Code
  4. Dos formas de trabajar
  5. Pruébalo

Tu editor — VS Code con la extensión de Claude Code

Instala Visual Studio Code y la extensión oficial de Claude Code para ver los archivos de tu proyecto y revisar cada cambio.

  • Instalación
  • 6 min
  • 5 pasos
  • Revisada el

Al terminar sabrás

  • Instalar VS Code y abrir en él la carpeta de tu proyecto
  • Instalar la extensión oficial de Claude Code
  • Usar el editor para mirar lo que Claude cambia, aunque trabajes en la terminal

Claude Code escribe los archivos; tú necesitas un sitio cómodo para verlos. Ese sitio es un editor de código, y el más usado (y gratuito) es Visual Studio Code.

Instala VS Code

Descárgalo desde code.visualstudio.com e instálalo con las opciones por defecto. En Windows, marca la casilla «Agregar “Abrir con Code” al menú contextual»: te permitirá abrir cualquier carpeta con clic derecho.

Abre tu proyecto

Archivo → Abrir carpeta… y elige proyectos/mi-primera-web. A la izquierda verás el explorador de archivos (ahora vacío). Todo lo que Claude cree aparecerá ahí al momento.

Instala la extensión de Claude Code

  1. Pulsa el icono de Extensiones en la barra lateral (o Ctrl/Cmd + Shift + X).
  2. Busca Claude Code e instala la extensión oficial de Anthropic.
  3. Aparecerá el icono de Claude: ábrelo y tendrás Claude Code en un panel, con los cambios de cada archivo al lado.

Dos formas de trabajar

  • Terminal + VS Code al lado: hablas con Claude en la terminal (puede ser la terminal integrada de VS Code: menú Terminal → Nuevo terminal) y usas el editor para mirar los archivos.
  • Todo dentro de VS Code: usas el panel de la extensión. Cambias de modo de permisos con el indicador de modo en vez de con el teclado, y ves las diferencias de cada archivo antes de aceptarlas.

Las dos comparten configuración. Elige la que te resulte más cómoda; el curso vale para ambas.

Pruébalo

Con la carpeta abierta en VS Code, abre Claude Code (en la terminal integrada o en el panel) y pídele:

Pídeselo a Claude
Crea un archivo notas.md con una lista de las 5 cosas que quiero aprender en este curso. Invéntatelas tú de momento.

Mira cómo aparece notas.md en el explorador y ábrelo. Acabas de ver tu primer cambio.

Documentación oficial