Analizamos con ejemplos cómo elegir un editor de código para JavaScript.
Puedes escribir código JavaScript en un simple «Bloc de notas». Solo necesitas guardar el resultado con la extensión .js, y no solo se conectará a tu sitio web, sino que incluso funcionará. Sin embargo, usar un editor tan limitado ralentizará mucho el desarrollo. Por lo tanto, es mejor usar algo especializado. Hay algunos criterios principales para elegir un editor para trabajar con código JavaScript.
En primer lugar, necesitas la resaltado de sintaxis: los nombres, operadores y símbolos especiales deben mostrarse de manera diferente para que puedas leer el código rápidamente.
En segundo lugar, necesitas la autocompletar: cuando ingresas el nombre de una función o variable, el editor debe sugerir varias opciones de comandos que probablemente quieras ingresar. Idealmente, también debería mostrar sugerencias para el componente seleccionado, como los argumentos necesarios, el tipo de variable, una breve descripción, etc.
En tercer lugar, necesitas la posibilidad de ocultar bloques individuales. Al trabajar en proyectos grandes, esto es útil porque no tendrás que desplazarte por grandes fragmentos de código para encontrar el que necesitas.
Idealmente, las errores deberían resaltarse, así podrás notarlas y corregirlas de inmediato.
Algunas opciones adicionales útiles son la posibilidad de trabajar con varios archivos en una sola ventana, un administrador de proyectos, la selección de temas, la instalación de complementos, etc.
Hay muchos editores que cumplen con estos requisitos y son adecuados para trabajar con JavaScript. La elección de qué código escribir es personal, pero muchos tienen problemas para elegir el programa adecuado, por lo que hemos creado una lista de 6 buenas herramientas.
Notepad++
Notepad++ es un editor simple y conveniente con código abierto. Tiene resaltado de sintaxis para varios lenguajes, incluyendo JS, formateo automático y autocompletar. Tiene navegación en forma de pestañas, un administrador de archivos y un mapa de código.
Puedes trabajar con diferentes codificaciones, conectar compiladores, usar complementos y otras funciones útiles. Por ejemplo, al agregar QuickText, mejorarás la autocompletar integrada.
Notepad++ se actualiza regularmente, por lo que los errores se corrigen rápidamente y se agregan nuevas funciones. Desafortunadamente, solo funciona en Windows.
Vim
El editor Vim se ha convertido en un clásico desde hace mucho tiempo. Muchos dicen que es difícil de entender, pero si le dedicas el tiempo suficiente, ya no querrás usar nada más.
Además de cumplir con todos los criterios que hemos elegido, Vim también es totalmente personalizable, por lo que puedes:
- Instalar complementos
- Cambiar temas
- Asignar teclas de acceso rápido, etc.
Vim es completamente gratuito y funciona en todas las plataformas, desde Windows, MacOS y Linux hasta MS DOS y OS/2.
Microsoft Visual Studio
Microsoft Visual Studio es un IDE que tiene todo lo necesario para trabajar con JS. Además del resaltado de sintaxis y autocompletar estándar, también puedes usar un depurador y crear pruebas unitarias.
Sin embargo, el programa es bastante pesado y consume mucha memoria, por lo que no es adecuado para trabajar en computadoras débiles.
La suscripción mensual puede costar entre 45 y 250 dólares al mes, pero hay una versión gratuita para desarrolladores principiantes y aquellos que crean programas de código abierto. El IDE está disponible para Windows y MacOS, y en Linux puedes instalarlo usando Wine.
Visual Studio Code
Visual Studio Code es una versión liviana (~170 MB frente a 30 GB), multiplataforma y gratuita de Visual Studio. Este editor tiene soporte preinstalado para JavaScript, TypeScript y Node.JS. Las extensiones para otros lenguajes se pueden descargar directamente desde Visual Studio Code.
El depurador integrado y los comandos Git para trabajar con el sistema de control de versiones GitHub te permiten acelerar las pruebas y la publicación de aplicaciones.
Sublime Text
Sublime Text es un editor simple y multiplataforma. Su interfaz es personalizable y puedes realizar algunas acciones con teclas de acceso rápido.
También tiene soporte para fragmentos de código, autocompletar, resaltado de sintaxis y navegación. Una ventaja genial es el autoguardado. Sin embargo, es más útil para principiantes, porque los programadores profesionales con años de experiencia desarrollan el hábito de guardar después de ingresar cada comando.
La principal desventaja de Sublime Text es que la versión completa cuesta 80 dólares (la licencia se otorga a un solo usuario que puede usar el editor en cualquier computadora). Por lo demás, es una buena opción para los desarrolladores de JS.
Atom Editor
Si te gustó la opción anterior, pero no tienes dinero para la suscripción, puedes descargar Atom Editor. Su diseño es sospechosamente similar a Sublime Text, pero funciona en base a Chromium (que también es usado por la mayoría de los navegadores modernos).
Tiene todo lo que necesitas para empezar, incluyendo la posibilidad de personalizar la interfaz, los temas y otras opciones. Sin embargo, al instalar obtienes un editor «vacío» para el que tendrás que descargar varios módulos y complementos.
Vale la pena señalar que debido a Chromium, el rendimiento de Atom disminuye significativamente, así que asegúrate de tener suficiente RAM.
Leer comunicado aquí.
Conclusión
Muchos desarrolladores prestan mucha atención a sus editores e IDE, pero incluso las herramientas más geniales no te convertirán en un buen especialista.
