Todos tenemos una lista de extensiones para VSCode, una herramienta que hoy por hoy es de las más utilizadas (por no decir la que más…) en el desarrollo web.

Yo quiero poner una lista que estoy utilizando actualmente, es mi lista, y estoy seguro que hay otras opciones mejores y otras que ni he podido encontrar.

• Color Highlight: aparecen en las CSS los colores de fondo sobre el color elegido. Muy útil para tener en un vistazo rápido los colores que estas utilizando.
• EditorConfig for VS Code: para integrar EditorConfig en tu VSCode y configurar tu .editorconfig y trabajar todo tu equipo con los mismas reglas de edición.
• file-icons: muestra los ficheros con el icono correspondiente a la cada tecnología.
• Mithril Emmet: incorpora una serie de extensiones emmet para acelerar tu escritura HTML
• Prettier:  de los más famosos, indispensable para formatear y hacer el código legible.
• Spanish Language Pack for Visual Studio Code: pack de lenguaje en castellano para traducir el VSCode (MUY PRESCINDIBLE :-))
• Babel Javascript: para colorear la sintaxis de javascript de acuerdo a los estandares ECMACs
• Bracket Pair Colorizer: para colorear los corchetes en tus instrucciones anidadas, muy útil.
• Better Commets: resalta los tipos de comentarios como deprecated, «to-do».

También os tengo que decir que dependiendo de la tecnología en la que estés programando y el control de código que estés haciendo,  tendrás que utilizar unos u otras extensiones para mejorar la experiencia a la hora de programar

Extensiones si utilizas Git

• GitLens: lo utilizaremos para mostrar en cada fragmento de código los últimos cambios realizados y su versionado en Git. Te muestra el nombre del commit y el tiempo de su modificación cuando te situas en cualquier parte del código.
• Git Graph: muestra un gráfico muy visual con los cambios Git.

Extensiones para programar PHP

• PHPIntelephense: plugin para colorear y para tener un intellisense. El mejor que he probado para desarrollar en PHP.

Extensiones para programar Vue.js / Node

• ESLint: para controlar tu javascript de acuerdo a las normas que estipules.
• npm: validador del fichero package.json, además incorpora alguna funcionalidad como colorearlo y ejecutar los comandos desde la terminal de VSCode.
• npm Intellisense: plugin para incorporar autocompletar de instrucciones de los modulos npm, como los requires.
• Vetur: plugin indispensable para programar en Vue.js, incorpora intellisense, autocomplete, formatting, etc. todo lo necesario para esta tecnología.

¿Y tu que extensiones utilizas en VSCode? ¡Espero tus comentarios!