En esta página
En resumen
- Instala la extensión, ábrela con el icono Spark e inicia sesión.
- Tienes un panel de chat, diffs en línea, menciones de archivos y checkpoints.
- La extensión y la terminal usan el mismo motor.
¿Qué es la extensión de Claude Code?
Somos RocketLauncher, una empresa de software, y creamos con Claude Code todos los días. La extensión de VS Code es una forma gráfica de usarlo. En vez de escribir en una terminal, hablas con Claude en un panel junto a tu código. Claude puede leer tu proyecto, editar archivos y ejecutar comandos, y tú revisas cada cambio antes de que se conserve.
Lo que necesitas primero
- VS Code 1.94.0 o superior.
- Un plan de pago de Claude (Pro, Max, Team o Enterprise) o una cuenta de Claude Console. El plan gratuito de Claude no incluye Claude Code. Mira cómo usar Claude Code gratis para ver las opciones.
- Una carpeta de proyecto para trabajar.
Cómo instalarlo
- Abre VS Code.
- Abre la vista de Extensiones con
Ctrl+Shift+X(Windows y Linux) oCmd+Shift+X(Mac). - Busca Claude Code e instala la extensión de Anthropic.
- Abre la paleta de comandos con
Ctrl+Shift+PoCmd+Shift+P. - Escribe Claude Code y elige Open in New Tab.
- Inicia sesión con tu cuenta de Claude o de Console cuando te lo pida.
¿Usas Cursor? La misma extensión también se instala allí.
Tu primera ejecución
- Abre una carpeta de proyecto con File, Open Folder.
- Abre un archivo. El icono Spark aparece entonces en la barra del editor, arriba a la derecha. Haz clic para abrir Claude.
- Escribe una tarea pequeña y clara, por ejemplo: "Explica qué hace este proyecto y lista los archivos principales."
- Lee la respuesta. Luego pide un cambio, por ejemplo: "Añade una sección corta al README sobre cómo ejecutarlo."
- Claude propone las ediciones como un diff. Acepta o rechaza cada una.
Empieza con una pregunta de solo lectura. Te muestra cómo ve Claude el proyecto antes de cambiar nada.
Funciones clave
Diffs en línea y revisión del plan
Claude muestra los cambios como diffs en el editor. También puedes pedirle que haga un plan primero. Lee el plan, edítalo y luego deja que Claude lo ejecute.
@-menciones
Escribe @ para señalar un archivo a Claude. Si seleccionas líneas de código, Claude ve la selección automáticamente. Pulsa Alt+K (Windows y Linux) u Option+K (Mac) para insertar una referencia al archivo y al rango de líneas.
Salida de la terminal
Haz referencia a la salida de la terminal con @terminal:name, donde name es el título de la terminal. Claude lee el error sin que lo pegues.
Checkpoints
Claude registra sus ediciones de archivos. Pasa el cursor sobre un mensaje para encontrar el botón de rewind y devuelve tu código a ese punto.
Pestañas e historial
Abre más de una conversación en pestañas o ventanas separadas. Cada una conserva su propio historial. Un punto de color en el icono Spark te avisa cuando una pestaña necesita permiso o ha terminado.
Atajos que vale la pena aprender
| Acción | Windows y Linux | Mac |
|---|---|---|
| Cambiar el foco entre el editor y Claude | Ctrl+Esc | Cmd+Esc |
| Abrir una conversación nueva en una pestaña | Ctrl+Shift+Esc | Cmd+Shift+Esc |
| Insertar una @-mención de la selección | Alt+K | Option+K |
En versiones recientes de macOS, un atajo del sistema puede ocupar Cmd+Esc. Si no hace nada, cambia el ajuste del sistema.
Consejos que ahorran tiempo
- Añade un archivo
CLAUDE.mden la raíz de tu proyecto con tus reglas y comandos. Claude lo lee al inicio de cada sesión. - Usa git. Haz un commit antes de una tarea grande para poder volver atrás siempre.
- Una tarea por conversación. Abre una pestaña nueva para la siguiente.
- Pide a Claude que ejecute tus tests o el build después de un cambio.
- Añade skills para las tareas que repites.
- Conecta herramientas con MCP cuando quieras que Claude llegue a apps reales. Empieza con nuestra guía de MCP para no desarrolladores.
Si algo no funciona
- Falta el icono Spark. Solo aparece cuando hay un archivo abierto en el editor. Abre cualquier archivo y mira arriba a la derecha.
- La extensión no carga. Comprueba que VS Code sea la versión 1.94.0 o superior y reinícialo.
- Falla el inicio de sesión. Confirma que tu plan incluye Claude Code. El plan gratuito de Claude no lo incluye.
- Claude edita la carpeta equivocada. Abre en VS Code la carpeta exacta del proyecto, no una carpeta superior.
¿Extensión o terminal?
Las dos ejecutan el mismo motor de Claude Code. Tu CLAUDE.md, tus ajustes y tus servidores MCP funcionan en ambas. Elige la extensión si te gustan los paneles, los diffs y hacer clic. Elige la terminal si te gustan la velocidad y los scripts. Mucha gente usa las dos.
Conviértelo en un servicio con GoHighLevel
Cuando te sientas cómodo en VS Code, puedes crear cosas reales para negocios locales. Un proyecto típico es una landing page, un formulario de leads o un conjunto de automatizaciones, con Claude Code escribiendo los archivos y GoHighLevel ejecutando detrás el CRM, los mensajes y las reservas. También puedes conectar Claude a tu cuenta de GoHighLevel, mira cómo conectar Claude a GoHighLevel. Nuestro kit Claude Code + GoHighLevel recorre un proyecto completo, y los demás kits cubren recepcionistas, webs y captación de leads. No prometemos ingresos. Los resultados dependen de tu trabajo y de tus clientes.