Si usa archivos HTML, PHP o JS, es posible que desee abrirlos en su navegador desde Visual Studio Code. Sin embargo, no hay una opción integrada para hacerlo. Esto puede ser frustrante, especialmente si desea echar un vistazo rápido al resultado de su codificación.
Afortunadamente, puede habilitar la función "Abrir en el navegador" a través de otros métodos. Este artículo le mostrará cómo hacer precisamente eso.
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 su uso para abrir archivos en el navegador.
Puede encontrar muchas extensiones útiles en Visual Studio Marketplace . O puede obtener las extensiones Abrir en el navegador con las reseñas de usuarios más positivas 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 actualizar usando varias extensiones que aumentan la funcionalidad del programa. Un tipo de extensión puede habilitar la apertura de archivos HTML, PHP o JS en un navegador predeterminado u otro. Aquí se explica cómo habilitar esa opción en una Mac.
Visual Studio Marketplace tiene una amplia selección de extensiones que pueden agregar nuevas funciones a Visual Studio Code. Vale la pena explorar el sitio web si desea modificar aún más el programa. Y si está interesado exclusivamente en las extensiones Abrir en el navegador, aquí tiene algunas sugerencias: Extensión 1 , Extensión 2 , Extensión 3 , Extensión 4 .
Abrir en acceso directo del navegador
Casi todas las extensiones Abrir en el navegador para Visual Studio Code vienen con métodos abreviados de teclado habilitados. Sin embargo, los atajos no son uniformes. En cambio, cada extensión tiene una combinación particular de teclas que activará la apertura del archivo en su navegador.
Estos son los métodos abreviados de teclado para las extensiones sugeridas en este artículo.
Tenga en cuenta que estos accesos directos solo funcionarán en sus respectivas extensiones vinculadas en este artículo. Si elige instalar una extensión diferente, los accesos directos relevantes probablemente se enumerarán en su página de Marketplace.
Ejecutar HTML en Visual Studio Code
Si está interesado en trabajar con HTML en Visual Studio Code, estos son algunos métodos para ejecutar código HTML dentro del programa.
El primer método consiste en cargar manualmente el archivo que desea ejecutar.
El método manual puede ayudar a realizar un seguimiento de su trabajo. Sin embargo, hay una solución aún mejor: la carga automática. Esta opción requerirá que instales otra extensión, pero debería valer la pena.
Otras extensiones HTML útiles de Visual Studio Code
Como se mencionó, Visual Studio Marketplace está lleno de excelentes herramientas, muchas de las cuales están orientadas a HTML. Aquí están las diez extensiones para HTML más útiles y mejor calificadas.
Puede ejecutar el código de Visual Studio desde su navegador
Además de ejecutar archivos HTML en un navegador, también es posible usar todo el código de Visual Studio en línea. Esto requiere que inicie una versión particular del programa desarrollado para el uso del navegador.
Vale la pena señalar que esta versión es mucho más liviana en comparación con Visual Studio Code de escritorio. Sin embargo, puede ser una solución sencilla para facilitar la navegación por el repositorio y los archivos, así como cambios menores en el código.
Si desea probar la variante de navegador de Visual Studio Code, puede comenzar de inmediato haciendo clic aquí .
Ponga sus archivos HTML en funcionamiento
Abrir archivos HTML en su navegador es fácil con la extensión dedicada para Visual Studio Code. Si decide explorar las amplias ofertas de extensiones para esta herramienta de codificación, la función Abrir en el navegador será solo el comienzo de su viaje.
¿Conseguiste abrir tu archivo HTML en el navegador que elegiste? ¿Qué extensión usaste? Háganos saber en la sección de comentarios.
Restaure la detección de fotos en segundo plano revisando la configuración de carga de Nextcloud, los permisos de iOS, el modo de batería y los límites de la programación de segundo plano del iPhone.
Compara los modos de sugerencia de fuentes de ONLYOFFICE, comprueba el zoom y la disponibilidad de fuentes de Linux, y verifica si el desenfoque se limita al editor o afecta a todo el escritorio.
Convierta un PDF localmente en ONLYOFFICE Desktop Editors y, a continuación, revise el archivo DOCX para detectar cambios de diseño, páginas escaneadas y texto que necesite corrección.
Añade tu cuenta de ownCloud a ONLYOFFICE Desktop Editors, comprende las funcionalidades de la conexión y elige entre acceso directo, sincronización y edición desde el navegador.
Utilice el portal o la dirección WebDAV correctos, compruebe la accesibilidad HTTPS desde su teléfono y distinga entre problemas de red privada, TLS y de inicio de sesión.
Crea y prueba un plugin personalizado para los editores de escritorio de ONLYOFFICE, instala su archivo .plugin y activa las herramientas de desarrollador para la depuración.
Permite integrar una función de Python en Calc, ejecutarla en la hoja de cálculo abierta y solucionar problemas relacionados con macros o importaciones faltantes sin mezclar LibreOffice con el Python del sistema.
Bloquea un pasaje específico para evitar ediciones rutinarias sin comprometer la usabilidad del resto del documento de Writer, y descubre cuándo el cifrado de archivos es la mejor opción.
Solucione los problemas de texto ilegible en las hojas de cálculo revisando el tema, el color de la fuente de las celdas, los rellenos y el formato condicional en Calc.
Descubre por qué Calc muestra el texto de la fórmula en lugar de los valores calculados y corrige el modo de visualización, las celdas con formato de texto, los apóstrofes o los resultados obsoletos.
