Официальный сайт ESLint 1. Установить в VSCode и включить.
2. Обязательно должен уже быть установлен Node.js
3. Глобальная установка (сейчас, как правило, не требуется)
Цитата
npm install eslint --global
4. Открыть папку проекта в VSCode и в терминале запустить команду:
В папке проекта появится файл
package.json.
Теперь запускаем команду:
Цитата
npm init @eslint/config
How would you like to use ESLint?
To check syntax, find problems, and enforce code style What type of modules does your project use?
JavaScript modules (import/export) Which framework does your project use?
None of these Does your project use TypeScript?
No Where does your code run?
Browser How would you like to define a style for your project?
Answer questions about your style What format do you want your config file to be in?
JavaScript What style of indentation do you use?
Tabs What quotes do you use for strings?
Single What line endings do you use?
Windows Do you require semicolons?
Yes Would you like to install them now?
Yes Which package manager do you want to use?
npm В папке проекта появятся папка
node_modules и файлы
.eslintrc.js и
package-lock.json Файл
.eslintrc.js с точкой впереди говорит о том, что это скрытый файл в системе. В этом файле находятся все настройки для работы с кодом по выявлению ошибок.
Если не нужно, чтобы ESLint подсвечивал красной линией (ошибка), к примеру, созданные, но не используемые в коде переменные, удалить или закомментировать эту строку:
Цитата
"extends": "eslint:recommended"
Либо отредактировать правила (
rules), чтобы вместо красной линии подчёркивалось жёлтой (предупреждение) добавим туда
Цитата
"no-unused-vars": [
"warn"
]
То есть если стоит "
warn", для этого правила будет выводиться предупреждение, если же "
error", то ошибка.
Файл настроек
.eslintrc.js можно переносить из проекта в проект.
Автоматическое форматирование кода при сохранении файла Настройки - В поле поиска ввести "
save" и выбрать пункт "
Editor: Format On Save", отметить его галочкой.
Затем, в поисковую строку вводим "
default formatter" и в пункте "
Editor: Default Formatter" выбираем
ESLint.
Открыть файл
settings.json и в нём добавить строки:
Цитата
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"eslint.validate": ["javascript"]
Добавлять комментарии могут только зарегистрированные пользователи.
