Cómo abrir en el navegador desde VS Code

Soluciones Link

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.

How to Open in Browser from VS Code

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.

  1. Abre tu archivo HTML en el Editor de Visual Studio Code.
    Cómo abrir en el navegador desde VS Code
  2. 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.
    Cómo abrir en el navegador desde VS Code
  3. Haz clic en la barra de búsqueda para habilitar la escritura.
    Cómo abrir en el navegador desde VS Code
  4. Escribe “abrir en navegador”. Elige una extensión que coincida con tu término de búsqueda.
    Cómo abrir en el navegador desde VS Code
  5. Haz clic en el botón “Instalar”.
    Cómo abrir en el navegador desde VS Code
  6. Recarga el programa.
  7. Selecciona el Explorador en la barra de herramientas izquierda.
    Cómo abrir en el navegador desde VS Code
  8. Encuentra tu archivo HTML en el Explorador y haz clic derecho sobre él. Elige “Abrir en el navegador predeterminado” o “Abrir en otros navegadores”.
    Cómo abrir en el navegador desde VS Code
  9. 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.

  1. Usando el Editor de Visual Studio Code, abre el archivo deseado.
    Cómo abrir en el navegador desde VS Code
  2. Ve a la barra de herramientas de la izquierda y selecciona “Extensiones”.
    Cómo abrir en el navegador desde VS Code
  3. Haz clic en la barra de búsqueda en el panel de Extensiones y escribe “abrir en navegador”.
    Cómo abrir en el navegador desde VS Code
  4. Elige una extensión y haz clic en “Instalar”.
    Cómo abrir en el navegador desde VS Code
  5. Recarga el software.
  6. Ve a la barra de herramientas izquierda y selecciona Explorer.
    Cómo abrir en el navegador desde VS Code
  7. 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”.
    Cómo abrir en el navegador desde VS Code
  8. La opción “Abrir en el navegador predeterminado” abrirá el archivo con el navegador preseleccion

Deja un comentario