vue-cli/docs/ru/core-plugins/eslint.md

@vue/cli-plugin-eslint

Плагин eslint для vue-cli

Внедряемые команды

• vue-cli-service lint

  Использование: vue-cli-service lint [options] [...files]
  
  Опции:
  
    --format [formatter] определяет форматтер (по умолчанию: codeframe)
    --no-fix             отключает автоматическое исправление ошибок
    --max-errors         количество ошибок, по достижению которого сборка заканчивается ошибкой (по умолчанию: 0)
    --max-warnings       количество предупреждений, по достижению которого сборка заканчивается ошибкой (по умолчанию: Infinity)
  

  Проверяет и исправляет файлы. Если конкретные файлы для проверки не указаны, то будут проверяться все файлы в src и test.

  Другие настройки ESLint CLI также поддерживаются.

Конфигурация

ESLint можно настраивать через .eslintrc или поле eslintConfig в файле package.json.

Линтинг при сохранении (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')