Claude Code para principiantes
Esta misma academia está construida con esta herramienta. Claude Code es un asistente de IA que trabaja dentro de tu editor: lee tu proyecto, escribe y edita archivos, y ejecuta comandos por ti — siempre bajo tu supervisión. No sustituye lo aprendido en las otras rutas, lo acelera.
Lección 1 — Qué es Claude Code y cómo instalarlo en VS Code
Claude Code es un asistente de programación con IA que se ejecuta dentro de tu propio proyecto: puede leer tus archivos, proponer y escribir código, ejecutar comandos en la terminal y explicarte lo que hace, todo en lenguaje natural. No es autocompletado — le puedes pedir una tarea entera ("crea una página de contacto con un formulario") y te propone cómo hacerla.
Necesitas dos cosas antes de empezar: VS Code ya instalado (ruta anterior) y una cuenta en claude.com.
La forma más sencilla de instalarlo es como extensión de VS Code:
- Abre VS Code y pulsa el icono de Extensiones en la barra de actividades.
- Busca "Claude Code" (de Anthropic) e instálala.
- Se abrirá un panel lateral nuevo. La primera vez te pedirá iniciar sesión con tu cuenta de Claude — sigue el proceso en el navegador que se abre solo.
- Abre la carpeta de tu proyecto en VS Code (igual que en la lección de interfaz de la ruta VS Code) antes de empezar a pedirle nada — Claude Code trabaja sobre esa carpeta.
Crea un archivo index.html con un título "Hola mundo"
y un párrafo debajo que diga "Mi primera página con ayuda de IA".
Al pedirle algo así, Claude Code no cambia tus archivos a ciegas: te muestra exactamente qué va a crear o modificar (como un diff, en verde lo que añade) y te pide confirmación antes de tocar nada. Tú decides si aceptar, pedir un cambio, o rechazarlo.
También puedes usarlo sin VS Code, directamente en una terminal — es la misma herramienta por debajo, sin panel gráfico de por medio. Útil si trabajas contra un servidor remoto por SSH (como en la ruta Servidor) o simplemente prefieres la terminal.
npm install -g @anthropic-ai/claude-code
cd tu-carpeta-de-proyecto
claude
Necesita Node.js instalado. El comando claude arranca una sesión interactiva en la carpeta donde estés — igual de conversación, mismo diff antes de aceptar. La extensión de VS Code no es más que una capa visual sobre este mismo CLI.
Lección 2 — Cómo pedir cambios concretos
En la lección 1 le pediste crear un archivo desde cero — el caso más fácil. La mayoría de encargos reales son sobre código que ya existe, y ahí la calidad del resultado depende sobre todo de cómo pidas el cambio. Un prompt vago da un resultado vago; uno concreto da un resultado concreto.
Tres cosas que marcan la diferencia en cualquier instrucción:
- Nombra el archivo o la zona exacta — "cambia el color del botón" es ambiguo si hay diez botones; "cambia el color del botón
.btn-primaryenestilos.css" no lo es. - Describe el resultado, no solo la acción — no solo "añade validación al formulario", sino qué debe pasar si el email está vacío o mal escrito.
- Da una pista de por qué, cuando la haya — "el título no debe superar 60 caracteres, es para SEO" evita que el asistente elija un límite al azar.
Vago:
"Mejora el formulario de contacto"
Concreto:
"En contacto/index.html, añade validación al campo email:
si está vacío o no tiene forma de email, muestra un mensaje
de error en rojo debajo del campo y no dejes enviar el formulario."
Cuando la tarea es grande, no hace falta metértela entera de golpe: puedes pedirla por pasos, revisando cada uno antes de seguir. Es más lento al principio, pero mucho más fácil de corregir si algo se tuerce, porque el error queda acotado a un paso concreto en vez de mezclado con todo lo demás.
Paso 1: "Añade el campo de teléfono al formulario, sin validación todavía"
→ revisas, aceptas
Paso 2: "Ahora añade validación: solo números, mínimo 9 dígitos"
→ revisas, aceptas
Si no estás seguro de si el asistente ha entendido bien lo que quieres, pídele que te lo explique antes de tocar nada — es una instrucción tan válida como cualquier otra, y sirve para detectar un malentendido antes de que se convierta en código.
Antes de cambiar nada, explícame en dos frases
qué vas a hacer y qué archivos vas a tocar.