Vue CLI

@vue/cli-plugin-eslint

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

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

  • vue-cli-service lint

    Использование: vue-cli-service lint [options] [...files]

Опции:

  --format [formatter] определяет форматтер (по умолчанию: stylish)
  --no-fix             отключает автоматическое исправление ошибок
  --max-errors         количество ошибок, по достижению которого сборка заканчивается ошибкой (по умолчанию: 0)
  --max-warnings       количество предупреждений, по достижению которого сборка заканчивается ошибкой (по умолчанию: Infinity)

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

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

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

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')