Las 5 Mejores Extensiones de VSCode Para JavaScript

4 minuto(s)

JavaScript se encuentra entre los 10 lenguajes de programación más populares del mundo.

Esto lo puedes comprobar mirando nuestro ranking mensual de lenguajes de programación.

Para que seas más productivo, te compartiré Las 5 Mejores Extensiones de Visual Studio Code Para JavaScript, vamos con ello.

Extensión de Visual Studio code para JavaScript
La galería de Visual Studio Code cuenta con miles de extensiones para JavaScript

Para que conozcas mejor estas extensiones de Visual Studio Code para JavaScript, te colocaré su nombre, su sitio web en la Visual Studio Marketplace, una descripción, características y un video para que veas como funciona la extensión.

JavaScript (ES6) code snippets

Página web oficial
Es probablemente la extensión más importante para JavaScript.

Si bien actualmente hay nuevas versiones de ECMAScript, esta extensión tiene la base para el soporte de las nuevas versiones.

Te brinda resaltado y sintaxis para código JavaScript, de esta manera entenderás mejor el código de este lenguaje en Visual Studio Code.

Características

  • Cuenta con fragmentos de código JavaScript.
  • Variedad de funciones.
  • Fácil uso.
  • Tiene repositorio GitHub.
  • Cuenta con soporte estándar para TypeScript.
Pros Contras
  • Es gratis.
  • Su instalación es rápida.
  • Brinda comandos adicionales.
  • Cuenta con  varios contribuidores en GitHub.
  • Tiene soporte estándar para TypeScript React (.tsx)
  • No recibe actualizaciones (al menos hasta la fecha de este artículo).
  • Su documentación en inglés puedes ser un problema para algunos usuarios.
  • No tiene soporte para las nuevas versiones de ECMAScript.
  • Su documentación carece de más información.
  • Tiene algunas funciones limitadas.

Si quieres conocer más sobre esta extensión, por favor visita el enlace a su sitio web en la Visual Studio Marketplace.

JavaScript and TypeScript Nightly

Página web oficial
Esta es una extensión verificada perteneciente a la empresa Microsoft.

En la actualidad, muchos proyectos Front-end son creados con React, Vue, Angular, etc., los cuales funcionan sobre el lenguaje de programación TypeScript.

Por ende, esta extensión te dará soporte para compilar tus proyectos con la librería React y los frameworks Vue, Angular y otros más, basados en TypeScript.

Características

  • Reemplaza la versión de TypeScript, que viene por defecto en Visual Studio Code.
  • Se instala rápido.
  • Tiene sus propios comandos.
  • Cuenta con un repositorio en GitHub.
  • Soporta las últimas versiones de TypeScript-TmLanguage.
Pros Contras
  • Es gratis.
  • Varios usuarios contribuyen en su repositorio.
  • Al menos hasta la fecha de este artículo, esta actualizado.
  • Potencia el código JavaScript y TypeScript IntelliSense.
  • Es mantenido por la empresa Microsoft.
  • Su información está en idioma inglés y puede ser un problema para algunos usuarios.
  • Su documentación tiene información limitada.
  • Los cambios dependen de la empresa Microsoft.
  • Sus comandos en ingles, puede ser un problema para algunos usuarios.
  • Esta más enfocado a TypeScript.

Si quieres conocer más sobre esta extensión, por favor visita el enlace a su sitio web en la Visual Studio Marketplace.

ESLint

Página web oficial
Cuando obtienes un error en el código, comúnmente lo tienes que ir a ver en la consola del navegador.

¿Pero porqué no verlo dentro del editor Visual Studio Code?

Esta extensión te ayuda con ello sin salir de tu editor de código favorito.

Características

  • Muestra la línea y columna del error en el código.
  • Instalación rápida.
  • Permite copiar el mensaje de error.
  • Muestra un icono rojito con una x con el error.
  • También se puede instalar con un comando NPM para el entorno específico.
Pros Contras
  • Gratuita
  • Es mantenido por la empresa Microsoft.
  • Se instala globalmente.
  • Permite crear un archivo de configuración .eslintrc
  • Recibe actualizaciones constantes.
  • Su documentación en inglés puede ser un problema para algunos usuarios.
  • Las versiones finales dependen de la empresa Microsoft.
  • La herramienta esta en inglés y puede ser un problema para algunos usuarios.
  • Algunas opciones de configuración pueden ser complicadas en un principio.
  • Para algunos usuarios nuevos la información de error puede ser complicada entenderla.

Si quieres conocer más sobre esta extensión, por favor visita el enlace a su sitio web en la Visual Studio Marketplace.

Prettier

Página web oficial
A todo programador en JavaScript le ha pasado que cuando copia y pega código se muestra desordenado.

E incluso cuando escribimos código por alguna razón, ciertas líneas no se ven bien.

Esta extensión te limpia el código desordenado de tu archivo y lo ordena en simples pasos.

Características

  • Soporta varios lenguajes de programación.
  • Es fácil de usar
  • Puede configurarse como formateador por defecto.
  • Se puede instalar con un comando NPM.
  • Tiene una versión Alpha o preliminar para probar sus nuevas funciones.
Pros Contras
  • Es gratis
  • Recibe actualizaciones constantes.
  • Tiene un repositorio de GitHub.
  • Es mantenido por su comunidad de usuarios.
  • Se instala rápido.
  • Para algunos usuarios nuevos puede ser complicado usarlo al principio.
  • Su documentación en inglés puede ser un problema para algunos usuarios.
  • Su continuidad depende de la comunidad de usuarios.
  • Sus opciones de configuración avanzadas pueden ser complicadas para algunos usuarios.
  • Sus opciones están en inglés y puede ser un problema para algunos usuarios.

Si quieres conocer más sobre esta extensión, por favor visita el enlace a su sitio web en la Visual Studio Marketplace.

Import Cost

Página web oficial
Al día de hoy un proyecto web que cargue rápido, generará una buena experiencia en los usuarios.

Esto lo sabemos en Nube Colectiva, por ello usamos esta extensión y otras tecnologías para que tanto el blog, la web y otros proyectos carguen rápido.

Esta extensión te muestra el peso de las importaciones y librerías que realices en tu proyecto.

Características

  • Compatible con muchos proyectos basados en JavaScript y TypeScript.
  • No necesitas configurar algo, ya viene activado por defecto.
  • Puedes hacerle configuraciones adicionales.
  • Puedes ejecutarlo en modo de depuración o debug mode.
  • Tiene soporte para comandos NPM.
Pros Contras
  • Gratuito.
  • Cuenta con un repositorio de GitHub.
  • Es mantenido por la empresa Wix.
  • Su instalación es rápida.
  • Tiene plugins para otros editores de código.
  • Para algunos usuarios, su documentación en inglés puede ser un problema .
  • Algunas opciones de configuración avanzada pueden ser complicadas para algunos usuarios.
  • Para algunos usuarios su documentación en inglés puede ser un problema.
  • Hasta la fecha de este artículo, no recibe actualizaciones, probablemente aún no las necesite.
  • Las actualizaciones dependen de la empresa Wix.

Si quieres conocer más sobre esta extensión, por favor visita el enlace a su sitio web en la Visual Studio Marketplace.

Conclusión

En este artículo te he compartido Las 5 Mejores Extensiones de VSCode Para JavaScript.

Probablemente existan otras increibles extensiones.

Pero las compartidas en este artículo son vitales para trabajar correctamente con JavaScript en Visual Studio Code.

Siempre practica y no pares de mejorar.

Nota(s)

  • No olvides que debemos usar la Tecnología para hacer cosas Buenas por el Mundo.

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.