Abrir en el browser desde VisualStudio Code

Llegan los fines de semana… COVID, DISPO, así que si no sale una juntadita con menos de 10 amigxs, nos ponemos a “codear” un rato….. ¿Que no lo hacemos todxs? .. no me hagan sentir raro 😀

Estaba en eso, con un proyecto personal con revealjs (aprovecho y recomiendo este simpático framework de presentaciones web) y me doy cuenta que desde el Visual Studio Code, no tenia una forma “rápida” de ver los cambios en el navegador, debía ir y abrir la ruta y desde ahí con el tradicional doble click, abrir mi html en el navegador, o elegir el deseado..

 

Me imagine, pasando tanto de un editor a otro, que había olvidado como hacer dicha tarea, pero a simple vista no encontré ningún shortcut (atajo o método rápido de teclado) para hacer esto.

 

Buscando como hacerlo es que me tope con este plugin que quería compartirles “techer.open-in-browser” :

Simple instalación como la mayoría de plugins del VSCode ( CTRL + P y en el cuadro de dialogo copiamos ext install techer.open-in-browser )

Una vez instalado, haciendo click derecho en la barra de exploracion del editor, nos sale tanto la opción “Open in Default Browser” como así también “Open in Other browsers”.

También nos agrega atajos de teclado (ALT +B y SHIFTH+ALT+B) respectivamente, para ambas acciones.

Lo probé en mi Debian 10 (excelente distribución de GNU/Linux para recomendar también) pero entiendo que no solo debería ser igual en cualquier distro,  sino en otros sistemas operativos (Quizá cambie alguna tecla de los shortcuts)

Eso es todo amigxs, me pareció interesante compartirlo, y dejarlo documentado, tanto para nuestrxs socixs como para todos los que están comenzando o ya sumergidos en este maravilloso mundo del desarrollo (más maravilloso cuando contamos con herramientas Libres  😀 ….. aunque sean de Microsoft, por eso me resisto un poco a usarlo jajaja )