El servidor de Visual Studio Code Live no funciona

VSCode tiene muchas extensiones excelentes y Live Server es una de las mejores.

Con solo un par de clics, Live Server le permite ver su página en vivo en un navegador real. Mejor aún, cuenta con recarga en vivo, por lo que si actualiza su código, los cambios también se reflejan en el navegador.

Todo lo que tiene que hacer es hacer clic derecho en el archivo HTML que desea ver, hacer clic derecho, luego seleccionar "Abrir con Live Server":

Pero, ¿qué pasa si Live Server no abre su navegador y muestra su página como espera? Si esto le está sucediendo, aquí hay algunas cosas que puede probar.

Reiniciar VSCode

A veces, lo mejor que puede hacer es iniciar VSCode desde cero.

Primero, guarde todo su trabajo. Luego cierre VSCode, que también detendrá todas las extensiones que haya instalado.

Luego, vuelva a abrir VSCode e intente nuevamente - vaya al archivo HTML que desea ver, haga clic con el botón derecho y seleccione "Abrir con Live Server".

Configurar el navegador para Live Server

Es posible que la extensión funcione, pero su sistema no tiene un navegador predeterminado.

Incluso si configuró el navegador predeterminado para su sistema, no estaría de más que Live Server sepa qué navegador le gustaría usar explícitamente.

Primero, abra el Command Pallete con F1, luego escriba Preferences: Open Settings (JSON)y seleccione esa opción.

Esto abrirá su settings.jsonarchivo VSCode .

Desplácese hasta el final del archivo y péguelo "liveServer.settings.CustomBrowser": "chrome".

Desplácese hasta el final del archivo, agregue una coma después de la última configuración, luego pegue "liveServer.settings.CustomBrowser": "chrome":

Tenga en cuenta que también puede usar "firefox", "safari"o cualquier otro navegador como valor para la "liveServer.settings.CustomBrowser"configuración.

Finalmente, guarde el settings.jsonarchivo e intente ejecutar Live Server nuevamente.

Configure el navegador predeterminado para su sistema operativo

Incluso después de decirle a Live Server qué navegador desea usar, es posible que aún no abra su página en ese navegador correctamente.

Lo siguiente que debe intentar es configurar el navegador predeterminado para su sistema operativo.

El método exacto para hacer esto puede variar según su sistema operativo, por lo que es mejor buscar cómo hacerlo si no está seguro.

Así es como se ve la página de configuración en Windows:

Vaya a la página en vivo usted mismo

Si por alguna razón Live Server todavía no abre la página en su navegador automáticamente, no se preocupe. Siempre puede abrir el navegador de su elección y ver la página directamente.

Simplemente abra su navegador preferido y vaya a //127.0.0.1:5500/.

Por ejemplo, si se llama a su archivo index.html, simplemente vaya a //127.0.0.1:5500/index.html.

Mientras Live Server se esté ejecutando, debería ver su página.

Para concluir

Esas son algunas soluciones comunes que puede probar si Live Server no funciona como espera.

Mantente seguro y feliz (en vivo) codificando.