Aprende a configurar Live Server en Visual Studio Code.
Tabla de Contenidos
- Introducción
- Configura Live Server en VSC
- Habilita la actualización automática del navegador en VSC
Introducción
Live Server es una configuración de Visual Studio Code que te ayuda a ver los cambios de tu sitio web inmediatamente después de guardar tu archivo, sin necesidad de actualizar tu navegador.
Configura Live Server en VSC
Para la configuración de Live Server en Visual Studio Code sólo sigue estos pasos:
- Ve a Extensiones, en tu barra lateral izquierda de VSC, selecciona el quinto ícono de arriba a abajo.
- Busca la extensión Live Server por Ritwick Dey
- Instala la extensión
Listo, ahora haz la prueba del funcionamiento de Live Server siguiendo estos pasos:
- Click derecho al archivo HTML
- Seleccionar “Open with Live Server”
- Tu sitio se abrirá en un navegador, y atutomáticamente se verán reflejados los cambios cada vez que guardes tus archivos
Habilita la actualización automática del navegador en VSC
Ahora, si quieres ir un paso más hallá cada vez que hagas cambios en tu archivo sin necesidad de guardar y ver las actualizaciones automáticas en tu navegador, sigue estos pasos:
- Da click al ícono en forma de tuerca, en la barre lateral izquierda, el primer ícono de abajo para arriba desde Visual Studio Code.
- Selecciona Settings (Configuración)
- Busca “Auto Save”
- Selecciona “after Delay”
Listo, ya puedes ver la actualización automática de tu navegador, cada vez que hagas un cambio en tu archivo.
