Configurar el editor Atom con ESLint

¿Qué hace el linting por nuestras vidas?

El linting es un proceso que analiza nuestro código fuente para localizar errores de programación y de estilo que se detecten durante la codificación, mejorando la calidad de nuestro código.

¿Qué es ESLint?

Una utilidad de linting para JavaScript que podemos utilizar con el editor Atom. Y por tanto, es aprovechable en los proyectos con React Native que estoy desarrollando.

¿Cómo podemos usar ESLint en Atom?

Vamos por pasos:

  1. Instalar en Atom el plugin linter-eslint
  2. Con el anterior plugin ya podríamos trabajar con ESLint. Pero además, vamos a instalar la guía de estilo JavaScript de AirBnB. Desde la terminal y dentro de la ruta de nuestro proyecto ejecutamos los siguientes comandos:

    El contenido del archivo .eslintrc es el siguiente:

Y con esto tenemos ESLint funcionando con Atom.

Extra: Instalar un linter para PHP y CSS

Sencillo. Instalar los paquetes linter-csslint y linter-phplint en Atom.

 

Fuentes consultadas: Configuring atom with ESLint, Guía de estilo JavaScript de AirBnb