Настройка ESLint в JavaScript | OTUS
🔥 Начинаем BLACK FRIDAY!
Максимальная скидка -25% на всё. Успейте начать обучение по самой выгодной цене.
Выбрать курс

Курсы

Программирование
iOS Developer. Basic
-25%
Python Developer. Professional
-25%
Разработчик на Spring Framework
-25%
Golang Developer. Professional
-25%
Python Developer. Basic
-25%
iOS Developer. Professional
-25%
Node.js Developer
-25%
Unity Game Developer. Professional
-25%
React.js Developer
-25%
Android Developer. Professional
-25%
Software Architect
-25%
C++ Developer. Professional
-25%
Backend-разработчик на PHP Web-разработчик на Python Алгоритмы и структуры данных Framework Laravel PostgreSQL Team Lead Разработчик голосовых ассистентов и чат-ботов Архитектура и шаблоны проектирования Agile Project Manager Нереляционные базы данных Супер - интенсив по паттернам проектирования Супер-практикум по использованию и настройке GIT IoT-разработчик Подготовка к сертификации Oracle Java Programmer (OCAJP) Супер-интенсив «СУБД в высоконагруженных системах» Супер-интенсив "Azure для разработчиков"
Инфраструктура
Мониторинг и логирование: Zabbix, Prometheus, ELK
-25%
DevOps практики и инструменты
-25%
Архитектор сетей
-25%
Инфраструктурная платформа на основе Kubernetes
-25%
Супер-интенсив «ELK»
-16%
Супер-интенсив «IaC Ansible»
-16%
Administrator Linux. Professional MS SQL Server Developer Безопасность Linux PostgreSQL Reverse-Engineering. Professional CI/CD VOIP инженер Супер-практикум по работе с протоколом BGP Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Administrator Linux.Basic Супер-интенсив "Tarantool"
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02

Настройка ESLint в JavaScript

JS_Deep_24.1-5020-9537d8.png

Одна из сильных сторон JS — доступный инструментарий. Далеко не каждый язык может похвастаться настолько большой экосистемой библиотек и инструментов. Один из этих инструментов используется для статического анализа кода и называется ESLint.

ESLint позволяет находить потенциальные проблемы, обеспечивая высокое качество кодовой базы. При этом linting является полностью автоматизированным процессом, что, безусловно, плюс.

К сожалению, многие разработчики не используют все возможности ESLint, а просто подключают предварительно созданную конфигурацию типа eslint-config-airbnb, думая, что этого достаточно. Это допустимо, но едва затрагивает всё, что способен предложить инструмент ESLint. Да и вообще, неправильная настройка линтинга может принести неприятные последствия.

Помните, что JS — язык не новый, поэтому он имеет много различного, если так можно выразиться, «багажа». Конечно, знать все возможности JavaScript полезно, но не менее важно уметь отличать плохие функции от хороших.

Переходим к настройкам

Во-первых, ознакомьтесь с указаниями по очереди, после чего включите правила ESLint в проект. Пусть изначально они будут настроены как предупреждение (warn), а потом, когда вам это станет удобно, вы сможете преобразовать некоторые указания как ошибки (error).

Итак, в корневом каталоге проекта запускаем:

npm i -D eslint
npm i -D eslint-plugin-fp

А теперь там же создаём файл .eslintrc.yml:

env:
  es6: true

plugins:
  fp

rules:
  # Правила будут здесь

Ещё нюанс — если используете IDE типа VSCode, не забудьте установить специальный плагин ESLint. Кроме того, можете запустить ESLint вручную, используя командную строку:

npx eslint .

Источник

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться
🎁 Максимальная скидка!
Черная пятница уже в OTUS! Скидка -25% на всё!