Sobre Live Server
Tiempo de lectura:
Publicado:
Actualizado:
Live Server es una extensi贸n de VS Code que nos ayuda a ver nuestro sitio web sin tener que recargar el navegador cada que hagamos cambios. De esta manera podemos desarrollar a la par con lo que estamos viendo.
Instalaci贸n
Para instalarla, nos dirigimos a la barra lateral > extensiones y buscamos live server.
驴C贸mo usar?
Para iniciar el servidor
Hay dos formas de ejecutar la extensi贸n.
Una de ellas es estar en un archivo .html y dar clic derecho.
En el men煤 deber谩 aparecer Open with Live Server.
La otra opci贸n es dar clic en la barra inferior, en el bot贸n Go Live.
C贸mo funciona
Una vez que iniciamos el servidor, se abrir谩 nuestro navegador en la direcci贸n que por defecto nos da la extensi贸n: http://127.0.0.1:5500
Ahora podemos cambiar el c贸digo y al guardar el archivo, los cambios se ver谩n reflejados autom谩ticamente en el navegador.
Para que la extensi贸n funcione correctamente debemos tener por lo menos la etiqueta <body> dentro de nuestro archivo. Si no, nos aparecer谩 una advertencia.
Para detener el servidor
Para detener el servidor se hace de manera similar.
Podemos dar clic derecho y seleccionar Stop Live Server.
O podemos ir a la barra inferior y utilizar el bot贸n que indica el puerto en el que est谩 corriendo el servidor, usualmente Port: 5500.
