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:
   
   Shell

   npm install eslint --save-dev #Paquete ESLint export PKG=eslint-config-airbnb; #Paquete con la configuración ESLint de AirBnB npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG" nano .eslintrc #Crear un archivo para extender ESLint con airbnb

   1 2 3 4

   npm install eslint --save-dev #Paquete ESLint export PKG=eslint-config-airbnb; #Paquete con la configuración ESLint de AirBnB npm info "$PKG" peerDependencies --json | command sed 's/[\{\},]//g ; s/: /@/g' | xargs npm install --save-dev "$PKG" nano .eslintrc #Crear un archivo para extender ESLint con airbnb

   
   El contenido del archivo .eslintrc es el siguiente:
   
   Vim

   { "extends": "airbnb" }

   1 2 3

   {   "extends": "airbnb" }

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