Jueves, 15 de octubre de 2026  ·  LATAM / Español
Principiante 30 min en total 6 pasos

Cómo usar Claude Code en Visual Studio Code

Instala y configura la extensión de Claude Code en VS Code para programar con IA desde tu editor.

Imagen de portada editorial · Cómo usar Claude Code en Visual Studio Code · Educación · Claude Builders
Requisitos
  • Visual Studio Code instalado (última versión)
  • Node.js 18 o superior
  • Una cuenta de Anthropic con acceso a Claude
  • Conexión a internet
Lo que vas a aprender
  • Instalar la extensión de Claude Code en VS Code
  • Autenticarte con tu cuenta de Anthropic
  • Lanzar tu primera tarea de codificación con IA
  • Revisar y aceptar cambios que Claude propone en tu código
  • Resolver los errores de configuración más habituales
PASO 1 · ~6 min

Instalar Claude Code vía CLI

Claude Code es una herramienta de línea de comandos de Anthropic que también se integra con VS Code. Antes de usar la extensión conviene instalar el CLI, porque la extensión se apoya en él. Abre una terminal (en Windows usa PowerShell, en macOS o Linux tu terminal habitual) y ejecuta el comando de instalación con npm. Necesitas Node.js 18 o superior; comprueba tu versión con node --version. Si trabajas desde España o LATAM no hay restricciones regionales para instalar el paquete. Tras la instalación, el comando claude quedará disponible globalmente en tu sistema. Verifícalo ejecutando claude --version: deberías ver un número de versión impreso en la terminal.

bash
npm install -g @anthropic-ai/claude-code
claude --version
ConsejoSi usas nvm para gestionar versiones de Node, asegúrate de instalar el paquete en la versión activa; cambiar de versión de Node hace que el comando 'claude' desaparezca.
Error comúnNo uses sudo con npm install -g en macOS/Linux: suele provocar problemas de permisos. Mejor configura un prefijo de npm en tu carpeta de usuario.
PASO 2 · ~4 min

Instalar la extensión en VS Code

Abre Visual Studio Code y ve al panel de Extensiones con el atajo Ctrl+Shift+X (Cmd+Shift+X en Mac). En el buscador escribe "Claude Code" y localiza la extensión oficial publicada por Anthropic. Pulsa Install. Una forma alternativa y más rápida es, con el CLI ya instalado, ejecutar el comando claude desde la terminal integrada de VS Code dentro de la carpeta de tu proyecto: la primera vez te ofrecerá instalar la integración del editor automáticamente. Una vez instalada verás un icono de Claude en la barra lateral y podrás abrir el panel con Cmd+Esc (Mac) o Ctrl+Esc (Windows/Linux). La extensión detecta el archivo que tienes abierto y la selección de código actual, lo que le da contexto para responder mejor.

ConsejoAbre VS Code desde la carpeta raíz de tu proyecto (code .) para que Claude Code tenga acceso a todo el árbol de archivos y entienda la estructura.
Error comúnAsegúrate de instalar la extensión oficial de Anthropic y no un clon de terceros con nombre parecido.
PASO 3 · ~4 min

Autenticarte con tu cuenta de Anthropic

La primera vez que lances Claude Code se abrirá un flujo de autenticación. Ejecuta claude en la terminal integrada o pulsa el icono de Claude en la barra lateral; te pedirá iniciar sesión. Se abrirá tu navegador para autorizar el acceso con tu cuenta de Anthropic (la misma de claude.ai o de la consola). Tras aceptar, vuelve a VS Code: la sesión queda guardada de forma segura en tu sistema. Si prefieres usar una API key de la consola de Anthropic en lugar de la cuenta de suscripción, puedes configurar la variable de entorno ANTHROPIC_API_KEY. El modelo por defecto es claude-opus-4-8, que ofrece la mejor capacidad de razonamiento para tareas de código; no necesitas especificarlo manualmente.

bash
export ANTHROPIC_API_KEY="tu-api-key-aqui"
ConsejoSi usas la suscripción de Claude Pro o Max no necesitas API key: el login por navegador es suficiente y no consume créditos de API.
Error comúnNunca escribas tu API key directamente en el código ni la subas a Git. Usa variables de entorno o un archivo .env incluido en .gitignore.
PASO 4 · ~6 min

Lanzar tu primera tarea de código

Con la sesión iniciada, abre el panel de Claude Code y escribe una instrucción en lenguaje natural. Puedes pedir cosas concretas sobre tu proyecto: "Crea una función en Python que valide un email", "Explica qué hace el archivo abierto" o "Añade manejo de errores a esta función". Claude lee el contexto de tu proyecto, propone los cambios y te muestra un diff antes de aplicar nada. Para una primera prueba segura, crea un archivo nuevo y pídele algo sencillo. Observa cómo Claude no solo escribe el código sino que explica sus decisiones. Puedes seguir conversando para refinar el resultado: "añade tests", "usa type hints", etc.

python
# Prompt de ejemplo para escribir en el panel de Claude Code:
# "Crea un archivo saludo.py con una función que reciba un nombre
#  y devuelva un saludo en español. Añade un test básico."
ConsejoCuanto más específico sea el prompt (lenguaje, estilo, nombres de archivo), menos iteraciones necesitarás. Menciona si quieres tests o documentación desde el principio.
Error comúnClaude puede modificar varios archivos a la vez. Revisa siempre el diff completo antes de aceptar en proyectos con código existente.
PASO 5 · ~5 min

Revisar y aceptar los cambios

La ventaja de usar Claude Code dentro de VS Code es que cada cambio aparece como un diff visual: líneas verdes para lo añadido y rojas para lo eliminado. Antes de que nada toque tus archivos reales, decides si aceptas, rechazas o pides modificaciones. Revisa la lógica, no solo la sintaxis: comprueba que la solución encaja con las convenciones de tu proyecto. Si algo no te convence, responde en el mismo chat ("usa async/await en lugar de promesas") y Claude regenerará el diff. Cuando estés conforme, acepta los cambios y se guardarán en los archivos. Como siempre tienes el control de versiones, haz un commit tras cada tarea completada para poder revertir con facilidad si hace falta.

bash
git add .
git commit -m "feat: función de saludo generada con Claude Code"
ConsejoTrabaja con cambios pequeños y commits frecuentes. Es más fácil revisar tres archivos que treinta, y git te da una red de seguridad total.
Error comúnNo aceptes cambios a ciegas en archivos de configuración o dependencias: un error ahí puede romper todo el proyecto.
PASO 6 · ~5 min

Solucionar errores comunes de configuración

Si el comando claude no se reconoce, es casi siempre un problema de PATH: reinicia la terminal o comprueba que la carpeta global de npm esté en tu PATH. Si la extensión no detecta el CLI, cierra y reabre VS Code por completo. En caso de error de autenticación, ejecuta claude logout seguido de claude login para renovar la sesión. Si recibes un error de límite de uso (rate limit), espera unos minutos o revisa tu plan en la consola de Anthropic. Por último, si Claude parece no ver tus archivos, confirma que abriste VS Code desde la raíz del proyecto y no desde un archivo suelto. Estos cuatro problemas cubren la gran mayoría de incidencias de los primeros días.

bash
claude logout
claude login
ConsejoEjecuta 'claude doctor' si existe en tu versión: diagnostica automáticamente problemas de instalación y configuración.
Error comúnEn redes corporativas con proxy o VPN, la autenticación por navegador puede fallar. Comprueba con tu equipo de IT si hay restricciones de salida HTTPS.
Resultado

Ya tienes Claude Code funcionando dentro de Visual Studio Code: has instalado el CLI y la extensión, te has autenticado con tu cuenta de Anthropic, has lanzado tu primera tarea de codificación con el modelo claude-opus-4-8 y sabes revisar los diffs antes de aceptarlos. A partir de aquí puedes delegar en la IA tareas reales de tu día a día —refactors, tests, documentación— sin salir del editor. Si quieres sacarle todo el partido a este flujo de trabajo, el siguiente paso natural es profundizar en el desarrollo asistido con IA para developers y construir proyectos más ambiciosos con buenas prácticas.

PRÓXIMOS PASOS
MÁS DE CLAUDE CODE