10 Mejores extensiones de VS Code para DEVS de JavaScript

Extensiones perfectas para después de instalar el editor de texto, Visual Studio Code.

Visual Studio Code, es el editor gratuito favorito de gran cantidad de desarrolladores, pero, tras su instalación es más que recomendable probar a instalar algunas extensiones que nos faciliten el trabajo a la hora de trabajar con él.

La personalización en el editor de Visual Studio Code, es sin lugar a dudas, uno de sus grandes puntos fuertos; conjunto al gran ecosistema de complementos existentes.

A continuación, vas a encontrar, las mejores extensiones para Visual Studio Code. Las que con seguiridad, te van ayudar a tener una mejor experiencia en tu día a día; y lograrán que te enamores, hasta el punto de que terminará siendo tu editor favorito.

¡Vamos al lío!

1. ESLint

ESList es una de las extensiones más populares y queridas entre los desarrolladores de JS, sin lugar a dudas. La extensión ejecuta las reglas de ESLint en su código e integra el resultado dentro del editor. Le permite detectar y corregir rápidamente invalidaciones de reglas. Es imprescindible para todos los desarrolladores de JS, ya que ayuda a mejorar la productividad y la calidad del código.

DESCARGA Y PRUEBA ESLint


2. Prettier

Prettier, es un formateador de código que se integra a la perfección con VS Code, Visual Studio, Atom, Vim, Sublime Text y muchos más editores.

Esta pequeña y práctica extensión hace que tus códigos tengan un formato coherente y una sangría adecuada, además, te muestra las palabras clave en colores específicos.

Para hacer del código, ficheros mejor legibles.

Prettier, reduce el esfuerzo de formatear el código y te ayuda a aumentar la productividad.

DESCARGA Y PRUEBA Prettier

3. Quokka.js

Quokka.js proporciona prototipos de JavaScript rápidos en el editor de código VS.

Es un campo de juego en vivo para JavaScript y TypeScript.

¿Alguna vez has querido probar algo rápido y terminas en la consola del navegador para ejecutar JS?

El propósito principal de esta extensión, es ejecutar el código de manera rápida y convenientemente desde dentro del propio editor de VS Code.

DESCARGA Y PRUEBA Quokka.js

4. Cliente REST

El Client REST, es una extensión de VS Code que te permite enviar una solicitud HTTP y ver la respuesta directamente en VS Code.

Es Postman para VS Code con la comodidad de estar integrado en el editor de código. El cliente REST es compatible con las API REST y GraphQL.

DESCARGA El cliente REST

5. Debugger para Chrome

La depuración de JavaScript puede llegar a ser más complicada de lo que nos gustaría.

Chrome y otros navegadores, ofrecen herramientas asombrosas que te ayudan en ese trabajo.

Aún así, a menudo, es difícil trabajar con los navegadores o no brindan la mejor de las experiencias.

Especialmente, si trabajas con frameworks o muchas librerías de Javascript.

Debugger para Chrome, es una extensión desarrollada por Microsoft que te ayuda a depurar el código en cada pequeño cambio.

Es un depurador, pensado para la consola de Chrome, que es bastante poderoso a la hora de descubrir las líneas y funciones que poseen errores.

DESCARGA Debugger para Chrome

6. Servidor en Vivo

Live Server, permite iniciar un servidor de desarrollo local con función de recarga en vivo para páginas estáticas y dinámicas.

Algo, que puede no ser muy relevante para aquellos que trabajan con frameworks que ya implementan una recarga en vivo: Como puede ser React.

Pero, si estás trabajando con otras páginas web o contenidos estáticos, esta extensión es un muy buen complemento.

DESCARGA Live Server

7. Compartir en Vivo

Esta es una extensión realmente asombrosa y bastante complicada de encontrar para otros editores.

con Live Share puedes compartir tu editor de código con otras personas. Lo que es perfecto para programar en conjunto, especialmente ahora, con el aumento del teletrabajo.

DESCARGA Live Share

8. Fragmentos de Código de JavaScript (ES6)

El nombre de la extensión, ya lo dice todo por sí mismo.

Code Snippet for Javascript, te va a permitir aumentar la productividad al trabajar con un conjunto de fragmentos predefinidos.

Además, puedes personalizar los fragmentos a placer, para hacer que coincidan con tus preferencias. Bien instalando otros paquetes de fragmentos de código o bien, creando el tuyo propio.

DESCARGA fragmentos de código JavaScript (ES6)

9. Babel JavaScript

JavaScript evolucionó mucho en los últimos años y con la introducción frameworks y bibliotecas como React, Flow, GraphQL, ahora permite muchos tipos nuevos de “sintaxis”.

Babel JavaScript habilita el resaltado de sintaxis para la nueva sintaxis de JavaScript y otros “lenguajes relacionados”.

DESCARGA Babel JavaScript

10. One Dark Pro

Como desarrolladores, pasamos mucho tiempo frente a nuestros editores de código, por lo que es vital, estar agusto con la estética del editor.

One Dark Pro, es un gran tema para Visual Studio Code.

DESCARGA One Dark Pro

FUENTE: Live Code Stream

Relacionados
Salir de la versión móvil