Qué es Visual Studio Code y cómo usarlo con Claude Code
Lección del curso gratis para ganar dinero con Claude de Juan Pe: qué es VS Code, por qué conviene empezar con él y cómo se instala con Claude Code.
El vídeo empieza en el minuto de esta lección y sigue con el resto del curso. Ver el curso completo con su índice · Ver en YouTube
Visual Studio Code es un programa gratuito de Microsoft para escribir código, lo que se llama un IDE o entorno de desarrollo integrado: hace con el código lo que Word hace con los textos. Es la herramienta estándar de los programadores. En esta lección del curso gratis de skills de Claude, publicado en abril de 2026, Juan Pe lo explica y lo prepara para trabajar con Claude Code.
Qué es un IDE: el Word del código
IDE son las siglas en inglés de entorno de desarrollo integrado. Juan Pe lo compara con Microsoft Word: Word sirve para escribir textos que entiende una persona y Visual Studio Code, también de Microsoft, sirve para escribir código. Con él puedes programar a mano o, con extensiones como Claude Code, pedir a la IA que escriba el código por ti. Lo que creas se puede guardar en tu computadora o subir a GitHub, que es como un Google Drive para proyectos de software.
Open source y forks: VS Code frente a Antigravity
Juan Pe explica dos conceptos. Open source, o código abierto, es cuando el código de una aplicación es público: cualquiera puede verlo, descargarlo y usarlo, normalmente gratis. Visual Studio Code y n8n lo son. Un fork es una aplicación creada a partir de otra de código abierto. Google Antigravity se parece tanto a VS Code porque parte de él. Su consejo para quien empieza es aprender con Visual Studio Code, que es el origen.
Cómo instalar Visual Studio Code y Node.js
Desde la web oficial, la página detecta tu sistema operativo (Mac o Windows) y descargas el instalador gratuito. Antes de abrirlo, Juan Pe instala Node.js, un programa que solo se instala una vez y que Claude Code necesita para funcionar. No hace falta abrirlo nunca: se queda en segundo plano.
- Descarga Visual Studio Code desde su web oficial.
- Instala Node.js con las opciones por defecto.
- Abre Visual Studio Code cuando termine.
La extensión de Claude Code
Dentro de Visual Studio Code, en el icono de extensiones de la barra izquierda, buscas «Claude Code» e instalas la extensión oficial. Después inicias sesión con tu cuenta de Anthropic. Juan Pe enseña el resto del menú: el explorador de carpetas, desde donde se abren los proyectos, y la opción de tener varias sesiones de Claude Code trabajando a la vez.
Dudas sobre esta lección
¿Visual Studio Code es gratis?
Sí. Visual Studio Code se descarga gratis desde su web oficial para Mac y Windows. Juan Pe explica que es de código abierto, igual que n8n. Lo que sí es de pago es la cuenta de Claude para usar Claude Code: según el curso, publicado en abril de 2026, bastaba con el plan Pro, de 20 dólares al mes; el precio puede haber cambiado.
¿Qué necesito para usar Claude Code en Visual Studio Code?
Tres cosas: tener instalado Visual Studio Code, instalar Node.js una vez y añadir la extensión de Claude Code desde el apartado de extensiones. Después inicias sesión con tu cuenta de Claude, que debe tener una suscripción. Juan Pe hace los tres pasos en la lección.
¿Es mejor Visual Studio Code o Google Antigravity para empezar?
Juan Pe recomienda Visual Studio Code. Antigravity es un fork, una aplicación construida a partir de VS Code, y en su opinión está algo más limitada. Si aprendes con la herramienta original, entiendes mejor qué está pasando cuando la IA trabaja por ti.
¿Dónde puedo aprender gratis a usar Visual Studio Code con Claude Code?
En el curso gratis de skills de Claude del canal de Adrián Sáenz en YouTube. Lo imparte Juan Pe, dura una hora y media y se publicó en abril de 2026. Esta parte empieza en el minuto 24:30. Si quieres ir más a fondo, el canal tiene también un curso de Claude Code.
Más lecciones de este curso
Lecciones relacionadas de otros cursos
- Cómo usar Claude Design, el estudio de diseño de ClaudeLección · Curso gratis de Claude para principiantes
- Qué es un agente de IA y cómo funcionaLección · Curso gratis de automatizaciones con n8n e IA
- Qué es un webhook y en qué se diferencia de una APILección · Curso gratis de n8n: crea y vende agentes de IA
- Cómo activar la memoria en Claude y traer la de ChatGPTLección · Curso gratis de Claude para principiantes
