Visual Studio Code se ha convertido en uno de los IDE de desarrollo favoritos de la mayor parte de programadores en el mundo. Es utilizado para programar en numerosos lenguajes y, JavaScript, no iba a ser menos. Cuando queremos desarrollar en JavaScript nos encontramos que ejecutar nuestro código y realizar pruebas para ver su respuesta no es del todo sencillo al ser un código que se ejecuta en la parte frontend (en intérprete del navegador) o en el backend si tenemos instalado Node.js. Por esto, y para haceros más cómoda la programación de JavaScript con Visual Studio Code, os traemos 5 plugins de Visual Studio Code para JavaScript.

Así es, 5 plugins que nos va a hacer la vida más fácil y bonita si estamos programando JavaScript con este conocido IDE.


ES6 Javascript Code Snippets


ES6 JavaScript Code Snippets es un plugin que nos permitirá aumentar nuestra productividad con los Snippets predefinidos de ES6. Sólo necesitas escribir unos cuantos caracteres, dar enter o tab y te escribirá automáticamente una estructura común de Javascript.

Escribiendo tan solo unos caracteres, como por ejemplo «fre» nos creará automáticamente una estructura predefinida en JavaScript ES6 como es syntax array.forEach(currentItem => {})


Prettier – Code formatter


Prettier es un plugin que nos ayudará a formatear nuestro código para hacer su lectura mucho más fácil. Tan solo escribimos nuestro código, lo seleccionamos, presionamos Shift + Alt + F.. ¡y será mucho más legible!

Prettier - Plugins Visual studio code para javascript

Prettiers formateará nuestro código para poder distinguir estructuras diferentes. Con este plugin podremos formatear el código a nivel de espacios al comienzo del código para tabularlo de una forma correcta y visualmente agradable y entendible.


Indent-rainbow

Siguiendo con el tema de hacer nuestro código más legible, Indent-rainbow es también un plugin que te facilitará la vida. Indent-rainbow es una extensión muy simple que nos ofrece una ayuda visual para la indentación ya que la colorea, haciéndo la lectura del código mucho más sencilla.

Ident Rainbow - Plugins de Visual Studio Code para JavaScript

Quokka.js

¿Quieres ejecutar tu código JavaScript sin tener que salir de Visual Studio Code? ¡Con Quokka.js es posible!

Quokka.js - Plugins de Visual Studio Code para JavaScript

Con Quokka.js podremos obtener una ejecución rápida del Javascript a medida que estamos escribiendo el código. Permite ver con anotaciones en el propio editor el resultado de la ejecución de nuestro código. No tendremos que abrir el navegador ni ejecutar el terminar con Node.js para ver los resultados de las operaciones de nuestro código en JavaScript.


ESLint

Y el último plugin que vamos a compartir con vosotros es ESLint. ESLint se trata de una herramienta que nos ayuda a ver errores de sintaxis en nuestro código. Nos mostrará errores cuando no se siguen buenas prácticas y también nos ofrecerá sugerencias para mejorar la calidad del código.

ESLint - Plugins de Visual Studio Code para JavaScript

Sin duda es una gran herramienta para seguir buenas prácticas a la hora de programación así como para identificar los errores de nuestro código sin volvernos locos.


Conclusión


Y estos son los 5 Plugins que os recomendamos para Visual Studio Code y JavaScript. Con estos 5 plugins podrás seguir perfectamente nuestras entregas de Aprende JavaScript utilizando este gran IDE.

¿Qué plugins recomendarías tú a la comunidad?