El editor de código más popular del mundo, gratuito y lleno de herramientas para desarrollar tu sitio con total libertad creativa.
Visual Studio Code es un editor de texto potente, ligero y completamente gratuito, desarrollado por Microsoft.
HTML, CSS y JavaScript se colorean automáticamente para que leer código sea mucho más fácil.
IntelliSense sugiere etiquetas, propiedades y valores mientras escribís, ahorrando tiempo y errores.
Miles de plugins gratuitos para frameworks, linters, iconos, temas y herramientas de diseño.
Navegá y editá todos los archivos de tu proyecto desde el panel lateral sin salir del editor.
Visitá code.visualstudio.com y descargá el instalador para tu sistema operativo: Windows, macOS o Linux. Es completamente gratuito.
🔗 code.visualstudio.comEjecutá el instalador y seguí los pasos. Se recomienda marcar la opción "Agregar al PATH" para poder abrir VS Code desde la terminal.
⏱ 2-3 minutosUsá Archivo → Abrir Carpeta para cargar tu proyecto. VS Code mostrará todos tus archivos en el panel lateral izquierdo.
📁 Archivo → Abrir CarpetaEsta extensión lanza un servidor local que actualiza el navegador automáticamente cada vez que guardás tu archivo HTML o CSS.
⚡ Extensión recomendada #1Estas extensiones gratuitas mejoran enormemente tu experiencia de desarrollo web.
Previsualiza tu sitio en el navegador con recarga automática al guardar cambios.
Formatea automáticamente tu código HTML, CSS y JS para mantenerlo limpio y legible.
Al renombrar una etiqueta HTML de apertura, la de cierre se actualiza sola.
Permite ver la definición CSS de una clase al pasar el mouse sobre ella en el HTML.
Muestra un pequeño cuadrado del color real al escribir un valor hexadecimal en CSS.
Iconos coloridos para cada tipo de archivo en el explorador lateral. Más fácil de navegar.
Presioná Alt + Shift + F (Windows) o Option + Shift + F (Mac) para formatear automáticamente cualquier archivo con Prettier instalado. Con el tiempo, mantener el código ordenado se vuelve un hábito automático.
Descargá VS Code y seguí los pasos de esta guía para crear tu primer archivo HTML.