@vue/cli-plugin-eslint #
Проверяет и исправляет файлы. Если не указаны конкретные файлы для проверки, то будут проверяться все файлы в src и tests , а также все файлы JavaScript в корневом каталоге (чаще всего это файлы конфигурации, например babel.config.js или .eslintrc.js ). Также поддерживаются и другие настройки ESLint CLI.
Совет По умолчанию vue-cli-service lint проверяет файлы, именуемые с точки .*.js . Если вместо этого требуется поведение ESLint по умолчанию, то следует добавить в проект файл .eslintignore .
Конфигурация #
ESLint можно настраивать через .eslintrc или поле eslintConfig в файле package.json . Подробнее см. в документации конфигурации ESLint.
Следующая опция находится в разделе vue.config.js . Это соблюдается только при установке @vue/cli-plugin-eslint .
Линтинг при сохранении (Lint-on-save) при разработке с помощью eslint-loader включён по умолчанию. Это можно отключить с помощью опции lintOnSave в файле vue.config.js :
module.exports = lintOnSave: false > Если установлено true , eslint-loader будет показывать ошибки линтинга в виде предупреждений. По умолчанию предупреждения только логируются в терминале и не завершают компиляцию ошибкой.
Чтобы показывать ошибки линтинга в браузере, можно использовать lintOnSave: ‘error’ . Это заставит eslint-loader всегда генерировать ошибки. Это также означает, что ошибки линтинга будут завершать компиляцию ошибкой.
Кроме того, можно настроить отображение в браузере как предупреждений, так и ошибок:
// vue.config.js module.exports = devServer: overlay: warnings: true, errors: true > > > Когда значение lintOnSave приводится к истине, eslint-loader будет применяться как в разработке, так и в production. Если необходимо отключить eslint-loader при сборке production, можно использовать следующую конфигурацию:
// vue.config.js module.exports = lintOnSave: process.env.NODE_ENV !== 'production' > Установка в уже созданный проект #
vue add eslint Внедряемые правила webpack-chain #
- config.module.rule(‘eslint’)
- config.module.rule(‘eslint’).use(‘eslint-loader’)
Как отключить вывод eslint ошибок во vue-cli?
Во VUE-CLI есть одна невероятно раздражающая вещь — eslint-ошибки воспринимаются, как ломающие сборку, что часто мешает что-то протестировать во время разработки (напр.: комментирование использования какой-нибудь переменной вызывает экран отладки на проекте и требует либо использовать переменную, либо убрать ее инициализацию).
Как отключить отслеживание eslint в режиме development? (чтоб, любое упоминание eslint осталось только в консоли и редакторе кода)
- Вопрос задан более трёх лет назад
- 988 просмотров
Комментировать
Решения вопроса 1
Alex @Kozack Куратор тега Vue.js
Thinking about a11y
Изменяйте правила в зависимости от окружения. Примерно так:
module.exports = < // . rules: < // override/add rules settings here, such as: 'vue/no-unused-vars': proccess.env.NODE_ENV === 'production' ? 'error' : 'warn' >>Как отключить ESLint для некоторых папок, файлов или строк
ESLint — очень удобный инструмент контроля стиля кода. Но иногда, его нужно отключить. В этой заметке, я расскажу как это сделать.
Общий случай
Для примера, представим, что ESLint ругается у нас в файле есть console.log() .
Чтобы временно отключить ESLint, нужно добавить комментарий /* eslint-disable */ перед строками, которые мы хотим проигнорировать:
/* eslint-disable */ console.log('JavaScript debug log'); console.log('eslint is disabled now'); ESLint отключится, как только увидит такой комментарий и не будет анализировать все что идет после него.
Чтобы включить ESLint обратно, используется комментарий /* eslint-enable */ .
/* eslint-disable */ console.log('JavaScript debug log'); console.log('eslint is disabled now'); /* eslint-enable */ Чтобы отключить не все правила, а только какие-то определенные, нужно перечислить их в тех же комментариях через запятую:
/* eslint-disable no-console, no-control-regex*/ console.log('JavaScript debug log'); console.log('eslint is disabled now'); Правила eslint-disable и eslint-enable должны всегда находится в блочных комментариях. Так работать не будет:
// eslint-disable no-console, no-control-regex console.log('JavaScript debug log'); console.log('eslint is disabled now'); Одна строка
Чтобы отключить ESLint для одной строки, можно использовать для варианта.
Для текущей строки — строчный комментарий после окончания строки:
console.log('eslint is disabled for the current line'); // eslint-disable-line Для следующей строки — строчный комментарий выше строки которую мы отключаем:
// eslint-disable-next-line console.log('eslint is disabled for the current line'); Весь файл или папка
Чтобы отключить ESLint во всем файле, можно добавить /* eslint-disable */ в первой строке этого файла.
Альтернативно, можно создать файл .eslintignore в корневой директории проекта. Формат этого файла совпадает с форматом .gitignore и ты можешь добавить туда не только файлы, но и папки.
build/*.js config/*.js bower_components/foo/*.js Как отключить eslint в vue-cli
Судя по активности обсуждения issue на гитхабе, у многих есть проблема с отключением линтера при работе с vue-cli.
У нас это случилось во время работы с github-actions: мы собирали проект, прогоняли тесты. Локально всё собирается, а в github падает build. Начали выяснять — ругается eslint. Можно настроить всё, но это время. Быстрое решение — отключить линтер, чтобы билд заработал, а потом уже разобраться с линтером, как будет время.
Eslint можно отключить несколькими способами: файл .eslintignore , комментирование части кода в файле webpack.base.conf.js .
С помощью файла .eslintignore
Создаём файл. eslintignore в корне. Внутри файла пишем * , либо игнорим отдельные файлы или папки:
/build/ /config/ /dist/ /*.js /test/unit/coverage/Закомменировать настройки в webpack.base.conf.js
Находим в файле build/webpack.base.conf.js настройки, относящиеся к линтеру и комментируем их: