Live server | Lógica de programación: sumérgete en la programación con JavaScript | Alura Latam

Visual Studio Code tiene extensiones, complementos que mejoran la usabilidad y ayudan a evitar errores. Se instalo la extensión "Live Server" para tener recarga automática al hacer cambios en el código, evitando tener que presionar F5 constantemente.

Una vez instalada la extensión, al hacer clic derecho en el archivo index.html, aparece la opción "Abrir con Live Server".
Al abrir el archivo con Live Server, se simula un servidor web y los cambios realizados en el código se renderizan automáticamente en el navegador.

En resumen, Live Server facilita el desarrollo al recargar automáticamente los cambios en el navegador, pero es importante tener en cuenta que no funciona correctamente con pop-ups.

Hola Jose, espero que estés bien

¡Qué bueno que estás explorando el uso de extensiones en Visual Studio Code! La extensión "Live Server" es realmente útil para el desarrollo web, ya que permite la recarga automática de la página cada vez que realizas cambios en tu código, lo cual es un gran ahorro de tiempo.

Es importante recordar que, como mencionaste, "Live Server" puede tener problemas con pop-ups, ya que estos pueden interferir con la recarga automática. Si tu aplicación utiliza alertas o prompts, es posible que necesites cerrar manualmente estos pop-ups para que los cambios se reflejen correctamente.

Un ejemplo práctico sería si estás desarrollando un juego en JavaScript que utiliza alertas para notificar al usuario. Si haces un cambio en el código y guardas, pero hay un alerta activa en el navegador, la página no se actualizará automáticamente hasta que cierres el alerta. Una vez cerrado, "Live Server" debería funcionar como esperado y mostrar los cambios más recientes.

Espero que esta explicación te sea útil y te ayude a sacar el máximo provecho de "Live Server" en tus proyectos. ¡Espero haber ayudado y buenos estudios!