La extensión Claude Code en VS Code

Claude Code es ante todo una CLI: un agente que corre en tu terminal. Pero Anthropic también publica una extensión de VS Code que te pone Claude Code directamente en la barra lateral de tu editor. Lanzas el agente sin salir de tu archivo, y tiene acceso a tu proyecto abierto.

Instalar la extensión

Abre VS Code y ve a Extensiones (icono cuadrado en la barra lateral, o Ctrl+Shift+X). Busca Claude Code e instala la extensión oficial de Anthropic.

La extensión necesita que la CLI de Claude Code esté instalada en tu máquina de antemano. Si no es así, sigue primero la lección Installer Claude Code.

Lanzar Claude Code en VS Code

Tras instalar la extensión, ves un icono de Claude en la barra lateral izquierda. Haz clic: se abre un panel con una interfaz de chat.

Lanza tu primer prompt desde la extensión. Claude Code ve tu workspace (los archivos del proyecto abierto) y puede leerlos, editarlos, ejecutar comandos de terminal y mostrarte los diffs antes de aplicar los cambios.

Lo que ganas respecto a la CLI sola

• Ver los diffs lado a lado: cuando Claude propone un cambio, la extensión te muestra el diff en el editor, no solo en el terminal.
• Abrir un archivo con un clic desde la conversación: Claude menciona lib/content.ts:124, haces clic y saltas a esa línea.
• Mantener Claude visible mientras codas, sin alt-tab hacia el terminal.
• Compartir capturas de pantalla: puedes arrastrar una imagen a la conversación, útil para mostrar una UI que corregir.

Antigravity como alternativa

Si usas Antigravity en lugar de VS Code, el agente ya está integrado de forma nativa. No necesitas instalar una extensión: tienes Claude (y sus variantes agentivas) en la barra lateral desde la instalación. La lección anterior VS Code o Antigravity detalla las diferencias.