Si estás utilizando archivos HTML, PHP o JS, es posible que desees abrirlos en tu navegador desde Visual Studio Code. Sin embargo, no existe una opción integrada para hacerlo. Esto puede ser frustrante, especialmente si deseas echar un vistazo rápido al resultado de tu código.
Afortunadamente, puedes habilitar la función “Abrir en el navegador” a través de otros métodos. Este artículo te mostrará cómo hacerlo.
Cómo abrir en el navegador en VS Code en una PC con Windows
La forma más fácil de obtener la opción “Abrir en el navegador” para Visual Studio Code en Windows es usar una extensión. La instalación de extensiones en Visual Studio Code es relativamente sencilla, al igual que utilizarlas para abrir archivos en el navegador.
- Abre tu archivo HTML en el Editor de Visual Studio Code.
- En la barra de herramientas vertical izquierda, haz clic en “Extensiones”. Alternativamente, puedes usar el atajo de teclado “Ctrl + Shift + X” para abrir las extensiones.
- Haz clic en la barra de búsqueda para habilitar la escritura.
- Escribe “abrir en navegador”. Elige una extensión que coincida con tu término de búsqueda.
- Haz clic en el botón “Instalar”.
- Recarga el programa.
- Selecciona el Explorador en la barra de herramientas izquierda.
- Encuentra tu archivo HTML en el Explorador y haz clic derecho sobre él. Elige “Abrir en el navegador predeterminado” o “Abrir en otros navegadores”.
- Si seleccionas la opción “Abrir en el navegador predeterminado”, el archivo HTML se abrirá en el navegador que tengas configurado como predeterminado. Si eliges “Abrir en otros navegadores”, deberás especificar qué navegador se utilizará.
Puedes encontrar muchas extensiones útiles en el Marketplace de Visual Studio. O puedes obtener las extensiones de Abrir en el navegador con las mejores críticas de usuarios aquí: Extensión 1, Extensión 2, Extensión 3, Extensión 4.
Cómo abrir en el navegador en VS Code en una Mac
Visual Studio Code se puede mejorar mediante varias extensiones que aumentan la funcionalidad del programa. Un tipo de extensión puede permitir abrir archivos HTML, PHP o JS en un navegador predeterminado u otro. Aquí te mostramos cómo habilitar esa opción en una Mac.
- Usando el Editor de Visual Studio Code, abre el archivo deseado.
- Ve a la barra de herramientas de la izquierda y selecciona “Extensiones”.
- Haz clic en la barra de búsqueda en el panel de Extensiones y escribe “abrir en navegador”.
- Elige una extensión y haz clic en “Instalar”.
- Recarga el software.
- Ve a la barra de herramientas izquierda y selecciona Explorer.
- Encuentra el archivo que deseas abrir en el panel de Explorador y haz clic derecho sobre él. Selecciona “Abrir en el navegador predeterminado” o “Abrir en otros navegadores”.
- La opción “Abrir en el navegador predeterminado” abrirá el archivo con el navegador preseleccion
Contenido