Настройка ESLint в JavaScript
Одна из сильных сторон JS — доступный инструментарий. Далеко не каждый язык может похвастаться настолько большой экосистемой библиотек и инструментов. Один из этих инструментов используется для статического анализа кода и называется ESLint.
ESLint позволяет находить потенциальные проблемы, обеспечивая высокое качество кодовой базы. При этом linting является полностью автоматизированным процессом, что, безусловно, плюс.
К сожалению, многие разработчики не используют все возможности ESLint, а просто подключают предварительно созданную конфигурацию типа eslint-config-airbnb, думая, что этого достаточно. Это допустимо, но едва затрагивает всё, что способен предложить инструмент ESLint. Да и вообще, неправильная настройка линтинга может принести неприятные последствия.
Помните, что JS — язык не новый, поэтому он имеет много различного, если так можно выразиться, «багажа». Конечно, знать все возможности JavaScript полезно, но не менее важно уметь отличать плохие функции от хороших.
Переходим к настройкам
Во-первых, ознакомьтесь с указаниями по очереди, после чего включите правила ESLint в проект. Пусть изначально они будут настроены как предупреждение (warn), а потом, когда вам это станет удобно, вы сможете преобразовать некоторые указания как ошибки (error).
Итак, в корневом каталоге проекта запускаем:
npm i -D eslint npm i -D eslint-plugin-fp
А теперь там же создаём файл
env: es6: true plugins: fp rules: # Правила будут здесь
Ещё нюанс — если используете IDE типа VSCode, не забудьте установить специальный плагин ESLint. Кроме того, можете запустить ESLint вручную, используя командную строку:
npx eslint .