Cómo abrir archivos HTML en su navegador desde Visual Studio Code
Esta publicación guiará sobre:
- Qué extensiones de código de Visual Studio se utilizan para abrir archivos HTML en el navegador?
- Cómo instalar "Abrir en el navegador predeterminado"Extensión en Visual Studio?
- Cómo instalar el "Servidor en vivo"Extensión en Visual Studio?
- Cómo abrir/ejecutar archivos HTML en el navegador utilizando el código Visual Studio?
¿Qué extensiones de código Visual Studio se utilizan para abrir archivos HTML en el navegador web??
Varias extensiones en el código de Visual Studio son muy útiles para los desarrolladores web, como Prettier, JavaScript Booster y más. Sin embargo, utilizaremos dos de ellos que ayudarán a abrir los archivos HTML en el navegador, que son "Abrir en el navegador predeterminado" y "Servidor en vivo".
Cómo instalar la extensión "Abrir en el navegador predeterminado" en Visual Studio?
Con el fin de instalar el "Abrir en el navegador predeterminadoExtensión en el código de Visual Studio, consulte el procedimiento proporcionado.
Paso 1: Crear archivo HTML
Digamos que hemos creado una página HTML, como se muestra en la imagen a continuación:
Paso 2: Navegue a extensiones
Luego, haga clic en el icono resaltado para navegar al "Extensiones" sección:
Paso 3: Instale la extensión "Abrir en el navegador predeterminado"
Después de hacer clic en el icono de la extensión, busque "Abrir en el navegador predeterminado"Y golpea el"Instalar" botón:
Después de instalar la extensión seleccionada, el siguiente mensaje se abrirá en la pantalla:
Cómo instalar la extensión del "servidor en vivo" en Visual Studio?
Del mismo modo, para instalar el "Servidor en vivoExtensión, busquelo en el mercado de extensión e instálelo utilizando el mismo método:
Cómo abrir/ejecutar archivos HTML en el navegador utilizando el código Visual Studio?
Para abrir archivos HTML en su navegador, haga clic con el botón derecho en el área de espacio de código del código Visual Studio. Luego elige el "Abrir en el navegador predeterminado"Opción o use la combinación de clave"Ctrl+1":
La otra opción es elegir el "Abrir con servidor en vivo"Extensión para el mismo propósito:
Como resultado, el archivo se abrirá en su navegador web:
Se trataba de abrir archivos HTML en su navegador desde el código de Visual Studio.
Conclusión
Visual Studio Code es el editor de texto utilizado para escribir código HTML. Este editor de texto consta de varias extensiones, como "Abrir en el navegador predeterminado" o "Servidor en vivo”, Para probar el código en el navegador. Esta publicación ha demostrado el procedimiento para instalar la extensión de Visual Studio mencionada y utilizarlos para abrir archivos HTML en el navegador.