Recientemente publicamos una traducción de un artículo sobre útiles extensiones de VS Code para desarrolladores de Python. ¡Es el turno de JavaScript!
La última vez, los lectores compartieron sus favoritos en los comentarios. Esperamos que hoy nosotros también podamos recopilar una excelente colección de extensiones útiles de VS Code para JavaScript.
He estado usando PyCharm Pro y WebStorm, un IDE de Jetbrains durante varios años . Como estos no son productos baratos, cada vez que los recomiendo, la gente sugiere que me cambie a VS Code, ya que este editor es gratuito y genial al mismo tiempo. Después de varias discusiones de este tipo en Reddit, prometí probar VS Code en un par de semanas.
Entre las ventajas importantes de VS Code (además, por supuesto, del costo "gratis"): la capacidad de personalizar y el ecosistema de complementos. Quería aprovechar al máximo la prueba, por eso necesitaba complementos. Nuevamente en Reddit me aconsejaron una gran cantidad de extensiones diferentes, y hoy me gustaría hablar sobre los complementos para VS Code que me gustaron especialmente.
A pesar de experimentar con VS Code, continúo trabajando con mi querido PyCharm y WebStorm, ya que me he acostumbrado a ellos a lo largo de los años. Su costo está plenamente justificado por el valor y la calidad. Dicho esto, VS Code me sorprendió gratamente: es una herramienta muy simple y rápida.
ESLint
ESLint es sin duda una de las extensiones más populares entre los desarrolladores de JS. Aplica las reglas de ESLint en el código y muestra el resultado en el editor. Esto le permite identificar y corregir rápidamente las infracciones de las reglas. ESLint será útil para todos los desarrolladores de JS, ya que ayuda a mejorar el rendimiento y la calidad del código.
Descarga ESLint
Más bonita
Prettier es una herramienta de formato de código obstinada que se integra con VS Code, Visual Studio, Atom, Vim, Sublime Text y otros editores. Una pequeña y práctica extensión para ayudarlo a formatear su código, sangrar su código y resaltar palabras clave para que el código sea más fácil de leer.
Por supuesto, estas útiles funciones reducirán el trabajo de formateo y, por lo tanto, aumentarán nuestra productividad. Gracias a Prettier, la legibilidad del código será muy alta.
Descarga Prettier
Quokka.js
La extensión Quokka.js proporciona creación rápida de prototipos de JavaScript en el editor de VS Code. Es una caja de arena en tiempo real para desarrolladores de JavaScript y TypeScript. Quokka.js a menudo se conoce como el cuaderno moderno para desarrolladores de JavaScript.
¿Alguna vez quisiste probar algo rápido y terminaste usando la consola del navegador? ¿O ejecuta
node
-process en la terminal y prueba allí? El objetivo principal de esta extensión es ejecutar código de manera rápida y conveniente directamente en el editor de VS Code.
Descarga Quokka.js
Cliente REST
El cliente REST es una extensión para VS Code que le permite enviar solicitudes HTTP y ver la respuesta directamente en VS Code.
Este es Postman para VS Code, pero convenientemente integrado en el editor de código.
El cliente REST es compatible con las API REST y GraphQL.
Descargar el cliente REST
Depurador para Chrome
La depuración de JavaScript puede resultar frustrante. Chrome y otros navegadores ofrecen excelentes herramientas para ayudarlo a comenzar.
Sin embargo, a menudo no es fácil trabajar con ellos. Además, estas herramientas no son muy convenientes, especialmente cuando se utilizan marcos y muchas bibliotecas.
Debugger para Chrome es una extensión desarrollada por Microsoft que le ayuda a depurar fácilmente su código para cada pequeño cambio.
La consola de extensión sorprende gratamente por su potencia, especialmente cuando necesita averiguar en qué línea y función se produjo un error. Incluso puede rastrear el procesamiento de datos.
Ejecute el código en Chrome y depúrelo en el editor de código.
Descarga Debugger para Chrome
Servidor en vivo
Live Server le permite ejecutar un servidor de desarrollo local con funcionalidad de recarga en vivo para páginas estáticas y dinámicas. Esto no es muy relevante para aquellos que trabajan con marcos que ya han configurado la recarga en vivo, como React. Sin embargo, si trabaja con otras bibliotecas o contenido estático, esta extensión definitivamente será útil para usted.
Descarga Live Server
Live Share
¡Esta es una herramienta increíble! No estoy seguro de si hay algo como esto para WebStorm. Con Live Share, puede compartir su editor de código con otros. Es perfecto para la programación en pareja, especialmente ahora que la mayoría de la gente todavía trabaja de forma remota debido a la pandemia.
¡Lo probé y me gustó!
Descarga Live Share
Fragmentos de código de JavaScript (ES6)
Como probablemente haya notado, casi todas las extensiones de esta lista son mejoras de rendimiento, y los fragmentos de código de JavaScript (ES6) no son una excepción.
¡El nombre habla por sí solo! Esta extensión ayudará a aumentar la velocidad de codificación al trabajar con un conjunto predefinido de fragmentos. Los fragmentos se pueden personalizar de acuerdo con nuestras preferencias instalando paquetes prefabricados o creando los nuestros.
Descargar fragmentos de código JavaScript (ES6)
JavaScript de Babel
JavaScript ha evolucionado mucho últimamente. Han aparecido una gran cantidad de marcos y bibliotecas, por ejemplo, React, Flow, GraphQL y, como resultado, muchas formas nuevas de diseñar código.
Babel JavaScript le permite trabajar con la última sintaxis de JavaScript, así como con las bibliotecas enumeradas anteriormente. La extensión ofrece al editor de JavaScript las últimas y más hermosas versiones de sintaxis.
Descargar JavaScript de Babel
Un profesional oscuro
Los desarrolladores pasan años en un editor de código, por lo que es especialmente importante que estemos contentos con su apariencia y estética. One Dark Pro es un tema para VS Code que hace que el editor se vea más hermoso, como a lo que estoy acostumbrado.
Descarga One Dark Pro
Producción
Después de probar VS Code, me sorprendió gratamente darme cuenta de lo rápido y confiable que es.
Al personalizarlo con extensiones, también pude tener una idea de lo poderoso que es.
Dado que es uno de los editores de código más populares del mercado (si no el más popular), existe una gran comunidad que crea herramientas y extensiones para hacerlo aún mejor. Esto es lo que siempre me ha gustado de los productos Jetbrains y lo que ahora me gusta de VS Code.
VS Code es una excelente opción para cualquier desarrollador. ¡Yo recomiendo! Sin embargo, WebStorm y PyCharm todavía tienen un lugar especial en mi corazón.
¡Gracias por leer este artículo!