Escuche esta historia
--:--
7:16
Estas son la mejores extensiones para Visual Studio Code que debes tener
Una de las principales características que tiene Visual Studio Code (VS Code) es que puedes instalar extensiones y personalizarlo como más te guste. Por supuesto, hay algunas extensiones que llegan a ser mejores que otras y que te hacen el trabajo mucho más sencillo.
En el día de hoy vamos a estar hablando sobre cuáles son las mejores extensiones para VS Code. Estas no son obligatorias, pero si es recomendable que las tengas, ya que te van a ser de mucha utilidad.
1. Prettier
Prettier es una sencilla, pero muy útil extensión que te va a permitir formatear el código de una manera sencilla. Es decir, con esta extensión te permite conseguir un código mucho más homogéneo.
Esta es una herramienta vital cuando trabajas en conjunto con otras personas, ya que Prettier se encarga de generar un código estandarizado que todos puedan leer fácilmente. La extensión es compatible con un gran cantidad de lenguajes, lo que hace que sea una herramienta bastante versátil.
Prettier es completamente gratuito y puedes descargarlo desde la tienda de extensiones de VS Code. Es una de esas tantas extensiones que no puedes dejar de tener si trabajas con este editor.
2. Auto Close Tag
Si trabajas en el front-end esta es una de esas extensiones que te van a hacer el trabajo mucho más sencillo. Esta herramienta lo que hace es que te ayuda a cerrar las etiquetas automáticamente, esto te ayuda a ahorrar tiempo y a evitar errores.
A pesar de que esta herramienta se encuentra diseñada principalmente para HTML, lo cierto es que vas a poder utilizar en otros más. Es compatible con XML, PHP, VUE, JavaScript, TypeScript, JSX, TSX, entre otros.
Su uso es completamente gratuito, por lo que es recomendable que la tengas instalada.
3. Bracket Pair Colorizer 2
Bracket Pair Colorizer es una extensión bastante útil que puedes conseguir de manera gratuita en la tienda de VS Code. La función que tiene es bastante sencilla, se encarga de colocar un color a cada par de llaves, paréntesis y corchetes.
Con esto vas a poder identificar donde empieza y termina cada bloque de código de una manera bastante sencilla. Si quieres ahorrar tiempo escribiendo y leyendo código, esta es una de esas aplicaciones que deberás tener en tu VS Code.
4. Material Icon Theme
Esta es una extensión que, más que una utilidad, sirve para identificar mejor los archivos. Con esta herramienta vas a ser capaz de tener un entorno de trabajo más sencillo, limpio y funcional.
Con Material Icon Theme vas a poder sustituir los iconos tradicionales de VS Code por unos más bonitos y sencillos de leer. Esta extensión incluye todos los iconos de cada una de los diferentes lenguajes de programación.
De esta manera, vas a ser capaz de identificar sencillamente los archivos con los que trabajas por su icono. Es una herramienta gratuita que puedes descargar desde la tienda de VS Code. Si bien no es algo obligatorio, es recomendable, ya que te va a facilitar el trabajo.
5. Quokka
Esta es una herramienta vital para el desarrollo de código JavaScript, te va a permitir depurar el código en tiempo real sin salir de VS Code. De igual manera, esta extensión puede mostrarte algunos resultados de las funciones y otros valores útiles mientras escribes.
A pesar de que esta herramienta es bastante útil, hay algo que debes tener en cuenta y es que es un plugin bastante pesado. Es decir, es necesario tener un ordenador con buenos recursos para poder correr Quokka sin problemas.
Puedes descargar esta extensión desde la tienda de VS Code, es gratuita y muy fácil de instalar, por lo que no vas a tener ningún problema.
6. Live Server
Live Server es otro de los mejores plugins que vas a poder encontrar en VS Code y que no debes dejar de tener. Muchas veces cuando te encuentras desarrollando, es necesario contar con un servidor para poder ver tu trabajo.
Con Live Server vas a ser capaz de montar un servidor web de una forma bastante sencilla. Todos los cambios que hagas en el editor se van a ver reflejados en servidor en tiempo real, lo que facilita enormemente el trabajo.
Funciona bastante bien con varios tipos de lenguaje de programación, lo que hace que sea una herramienta realmente útil. Lo mejor de todo es que es gratuita, por lo que no debe preocuparte por el dinero.
7. Path Inlellisense
El manejo de directorios puede llegar a ser algo complejo para muchas personas y puede terminar siendo algo frustrante. Por fortuna, hay una extensión que te va a ayudar que esto deje de ser un problema y es Path Intellisense.
Con esta sencilla extensión vas a ser capaz de encontrar fácilmente cualquier directorio que necesites. Esto te va a facilitar enormemente el trabajo, especialmente si eres de los que tienen problemas a la hora de encontrar un directorio.
Al igual que el resto de extensiones de las que hemos hablado anteriormente, esta es de uso gratuito y puedes descargarla directamente desde Visual Studio Code.
8. Better Comments
Esta es una sencilla herramienta con la que vas a poder dejar de lado los aburridos comentarios por defecto de Visual Studio Code. Con esta vas a poder cambiarles de color para que sea mucho más fácil de identificar.
Eso sí, es una herramienta que debe utilizarse con discreción, ya que si utilizas muchos colores puedes convertir el código en algo insufrible. Así que, a pesar de que es una herramienta realmente importante, es necesario que no abuses de ella.
Puedes instalar esta herramienta de una manera bastante sencilla desde la tienda de VS Code. En un principio puede llegar a ser algo complejo, pero te acostumbrarás muy rápidamente.
9. Can I Use
Uno de los principales retos a los que suelen enfrentarse los desarrolladores es a la incompatibilidad entre diferentes navegadores. Estos se actualizan cada cierto tiempo y algunos se quedan desfasados en el tiempo.
Con este sencillo plugin vas a poder conocer si tu código es compatible todas las versiones de navegadores. Muchas personas suelen utilizar esta herramienta, pero en su versión web. Con esta extensión vas a ser capaz de tenerla integrada con tu instalación de VS Code.
De esta manera vas a ser capaz de asegurarte de que tu código va a funcionar perfectamente indistintamente del navegador en el que se utilice.
10. HTML/CSS Support
Esta es una de esas herramientas que debes tener en cuenta a la hora de desarrollar para front-end. HTML y CSS son prácticamente los lenguajes más utilizados en la web, ya que permiten diseñar todo el sitio web.
Es por ello que resulta sumamente importante el contar con una herramienta que pueda ayudarte a escribir código. Es muy importante que tengas en cuenta este plugin para tu entorno de desarrollo.
Entre lo que hace esta herramienta es capaz de completar atributos class y id. De esta manera vas a ser capaz de enlazar los códigos con el CSS de una manera mucho más sencilla. Con esta, la maquetación web va a ser mucho más sencillo de lo que crees.
