Javascript

Prettier es una herramienta de formateo de código de gran popularidad en el ecosistema JavaScript. Mediante unas opciones especificadas en su archivo de configuración podemos conseguir que todos los archivos de código formateados con Prettier luzcan idéntico sangrado (indent), tipo de comillas, uso de espacios, ancho de líneas, y demás aspectos de estilo. Para disponer de Prettier únicamente tienes que añadirlo a tu proyecto.

$ npm install --save-dev --save-exact prettier
# or globally
$ npm install --global prettier

Puedes ejecutar Prettier mediante su CLI, o puedes engancharlo para que se ejecute justo antes de una confirmación de cógido de Git, un pre-commit hook, pero la intención de este artículo es usarlo en Vim para que dé formato a tu archivo de código cuando lo guardas.

Los programas de análisis y correción de código son nombrados en inglés como linters. Un corrector de este tipo te ayuda a identificar errores potenciales en tu código sin necesidad de ejecutarlo, evitar patrones problemáticos e, incluso, cumplir con una guía de estilo. En JavaScript, el linter más usado se llama ESLint, y puedes instalarlo siguiendo los pasos aquí indicados. Por defecto, ESLint está configurado mediante un juego de reglas que, comprobando si el código las cumple, gestionan los problemas más comunes. Por supesto, puedes personalizar estas reglas para solucionar problemas específicos; de hecho, existen paquetes de configuración de ESLint, como Airbnb, y es posible que se ajusten a tus necesidades, ahorrándote mucho tiempo en hacer esta tarea.

Aunque Vim soporta sintaxis básica para JavaScript, cuando trabajes con especificaciones modernas del lenguaje o bibliotecas como React, que usa JSX, notarás que no funciona todo lo bien que esperas. Una buena opción para realatar la sintaxis de JavaScript en Vim es Polyglot, un conectable que gestiona otros conectables, de sintaxis en este caso, cargándolos bajo demanda para evitar afectar al rendimiento de tu editor de texto. Gracias a Polyglot, si cambias de framework de JavaScript, o si gestionas archivos de otro lenguaje, no es necesario que instales nuevos conectables, porque él lo gestionará de un modo sencillo.

¿Qué te parece si vemos en acción a Deno, el pequeño diplodocus del que hablamos en el artículo anterior? El primer paso, como no puede ser de otro modo, es instalarlo en tu equipo, y para esto dispones de varias opciones que se adaptan a tu sistema operativo o a tus preferencias. Los usuarios de Linux pueden hacerlo facilmente desde la consola, al igual que los de macOS que, además, pueden usar Homebrew. Para Windos existe la posibilidad de usar PoweShell, Chocolatey o Scoop. En este post nos centraremos en Linux. El comando de instalación es sencillo, y únicamente necesitas tener instalado curl: