Un linter es un programa que se encarga de revisar el código escrito y es capaz de señalar errores y posibles bugs que podemos corregir para mejorar nuestros programas.
ESLint es una herramienta de linting para Javascript y en este video podrás ver paso a paso como instalarlo en tu proyecto y configurar tu editor para comenzar a usarlo.
Además utilizaremos un set de reglas ya definido, en este caso, el ESLint Config de AirBnb.
1. Instalar ESLint
|
1 |
npm install --save-dev eslint-config-airbnb eslint eslint-plugin-jsx-a11y eslint-plugin-import eslint-plugin-react |
2. Instalar paquete en tu editor (en este caso Atom) para ESLint
En atom, presionar CTRL + , (coma)
En la sección de instalación, buscar linter e instalar el paquete eslint y las dependencias que vaya pidiendo.
3. Agregar archivo .eslintrc para que ESLint reconozca las reglas
En tu proyecto, crea un archivo con el nombre .eslintrc
En el archivo agrega el set de reglas que quieras, puedes usar este:
|
1 2 3 4 5 6 7 8 9 10 |
{ "extends": "airbnb-base", "rules": { "indent": ["error", 4], "strict": off, "no-alert": off, "no-console": off, "func-names": off, } } |
4. Cerrar y volver a abrir tu editor
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.
