Antes de programar

Las extensiones para empezar

Con VS Code ya instalado, unas pocas extensiones más y estás listo. Esto es lo mínimo que recomendamos — nada más, para no complicarte desde el primer día.

Para instalar cualquiera de estas: abre VS Code, pulsa el icono de piezas de puzle en la barra lateral izquierda (Extensiones), busca el nombre y pulsa Install.

🌐

Idioma — Spanish Language Pack

Traduce todo el editor al español: menús, mensajes y configuración. Al instalarla, VS Code te preguntará si quieres cambiar el idioma — di que sí.

Live Server

Levanta un servidor local y abre tu página en el navegador. Cada vez que guardas un cambio, se actualiza sola — así ves el resultado al instante, sin recargar a mano.

🧭

Un navegador (el que ya tengas)

Live Server necesita un navegador para mostrar la vista previa. No hace falta instalar nada especial: Chrome, Firefox o Edge, el que ya uses, funciona perfectamente.

🎨

Prettier — Code formatter

Ordena tu código automáticamente al guardar: indentación, comillas, espacios... siempre igual, sin tener que pensarlo tú.

🗂

Material Icon Theme

Pone un icono distinto a cada tipo de archivo en el explorador lateral, así identificas de un vistazo si es HTML, CSS, JS, una imagen...

Y poco más. Con estas cinco tienes de sobra para empezar — nada de complicarse con extensiones de más. Cuando las tengas instaladas, ya puedes escribir tu primera línea de código.
Empezar con HTML