Visual Studio Code es, quizás, uno de los mejores editores de código que existen en la actualidad. Muchos desarrolladores lo prefieren por encima de la competencia debido a su facilidad de uso, su rendimiento, su diseño atractivo y su capacidad de ampliar sus funcionalidades mediante extensiones que puedes instalarle, tal y como si de un navegador se tratase. 

En este post te traemos un recopilatorio de las mejores extensiones para Visual Studio Code que te resultará muy útil para tus actividades de desarrollo y tus proyectos web.

EXTENSIONES DE VISUAL STUDIO CODE

Minify

Es una extensión muy popular de Visual Studio Code que nos permite generar una versión comprimida de nuestros archivos HTML, CSS o JavaScript. La compresión se realiza a través de métodos como la eliminación de espacios, caracteres innecesarios y comentarios, todo ello con el objeto de acelerar la carga de nuestra página o sitio web.  

GitLens

Tal y como su eslogan lo indica: Git supercargado. Agrega un sinfín de funcionalidades extra al soporte integrado de Git en Visual Studio Code. Con esta extensión podremos comparar versiones de un mismo archivo y ver los cambios de una forma visualmente atractiva, conocer información detallada sobre nuestro repositorio local y/o remoto, navegar dentro de él, ver quién realizó la última modificación en determinada línea o bloque de sentencias, y otro puñado de cosas que podemos revisar con ella solo con unos cuantos clics y comandos simples.  

Live Server

Esta extensión nos permite visualizar nuestra página web en el navegador, actualizar la vista automáticamente cada vez que se produce un cambio en alguno de los archivos, y abrir un servidor local para que podamos visitarla desde otro equipo simplemente ingresando la dirección IP del host.  

Live Share

¿Alguna vez has querido escribir código junto a un colega en una misma instancia y en tiempo real, como si de un documento de Google se tratase? Pues Live Share hace que esto sea posible. Permite la edición colaborativa de un archivo o un proyecto entero a través de internet o de la red local compartida.

Live Share tiene un chat integrado con el que puedes comunicarte con tus colaboradores en caso de que estos se encuentren lejos. Asimismo, posibilita la compartición de una instancia de terminal para que todos puedan visualizar la ejecución de scripts y comandos.

Prettier

Se trata de un formateador de código para nuestros archivos HTML, CSS, JavaScript y otros más. Permite automatizar el proceso de tener consistencia en los estilos de escritura en el código del proyecto.

Bracket Pair Colorizer 2

Colorea los pares de paréntesis, corchetes y llaves de tu código con esta extensión. Útil para aquellos lenguajes en los que encontrar el cierre correspondiente de cada par puede convertirse en un infierno.

Faker

Es un generador de datos falsos y párrafos Lorem para nuestro editor. Gracias a esta extensión podremos crear maquetas y prototipos que ameriten información de personas, direcciones y más.

Can I Use

Si has usado anteriormente el popular portal caniuse.com, sabrás cuál es la razón de ser de esta extensión. Si no, entonces déjame contarte de qué se trata: Can I Use es una base de datos que contiene información sobre el soporte de todos los navegadores para determinadas funciones y características de HTML o CSS. Gracias a ella, podemos consultar si una propiedad de nuestra hoja de estilos, por ejemplo, es total o parcialmente compatible con los navegadores actuales. 

Esta extensión nos dirá lo que necesitamos para que nosotros no tengamos que consultarlo en la web directamente.

Searchdocs

Obtener documentación sobre determinada parte de nuestro código nunca había sido tan fácil hasta la llegada de Searchdocs. Con esta extensión podemos hacer una búsqueda sobre el texto que tengamos resaltado en dos fuentes muy confiables: Stack Overflow y MDN Web Docs. Para ello, el programa abre una instancia de nuestro navegador por defecto con los resultados que esperamos.