ESLint встроен в стандартную конфигурацию Vue CLI и Vite-проектов. Он проверяет код на соответствие правилам, добавляет предупреждения и ошибки при сборке. В отдельных случаях проверка мешает работе: устаревший конфиг, конфликтующие пакеты или необходимость быстро протестировать черновые изменения.
Vue предоставляет несколько способов отключения проверки: изменение параметров сборки, корректировка конфигурационных файлов или отключение расширений редактора. Важно понимать, где именно запускается линтер – при сохранении, в процессе сборки или через команды CLI.
Цель – показать, как точечно отключить или полностью убрать ESLint из проекта Vue без лишних изменений в структуре проекта.
Отключение ESLint при сборке проекта через vue.config.js
Vue CLI использует проверку ESLint на этапе сборки. Чтобы убрать её, достаточно добавить параметр в файл vue.config.js. Этот файл расположен в корне проекта.
Пример настройки:
module.exports = {
lintOnSave: false
}
lintOnSave: false отключает проверку при сохранении файлов и во время выполнения команд npm run serve и npm run build. Перезапуск сервера разработки обязателен после изменения конфигурации, иначе линтер продолжит работать по старым правилам.
Если файла vue.config.js нет, его можно создать вручную. В проекте должны быть установлены зависимости Vue CLI, чтобы параметр был распознан.
Исключение проверки ESLint в настройках Vite или Webpack
Vite-проекты используют плагины для линтинга, чаще всего vite-plugin-eslint. При необходимости его можно отключить или удалить.
- Отключение без удаления: в vite.config.js закомментировать строку подключения плагина.
- Полное удаление:
npm uninstall vite-plugin-eslintУдалить импорты и конфигурацию из файла настроек.
Если проект основан на Webpack, проверка подключена через eslint-webpack-plugin.
- Открыть файл webpack.config.js или конфиг Vue CLI.
- Найти блок с ESLintPlugin().
- Удалить или временно отключить подключение.
При удалении линтинга из инструментов сборки предупреждения перестают появляться при выполнении npm run build или npm run dev. После изменения конфигурации требуется перезапуск сервера разработки.
Отключение ESLint в средах разработки (VS Code)
Расширение ESLint для VS Code запускает проверку при каждом сохранении файла. Чтобы остановить автоматические подсказки и сообщения, потребуется изменить настройки редактора.
Через интерфейс настроек:
- Открыть пункт меню File → Preferences → Settings;
- Найти параметр ESLint: Enable;
- Снять галочку, чтобы деактивировать расширение.
Через файл параметров:
"eslint.enable": false
Также можно отключить проверку только для сохранения:
"editor.codeActionsOnSave": {
"source.fixAll.eslint": false
}
После изменения настроек стоит перезапустить VS Code, чтобы расширение прекратило загрузку правил ESLint при открытии проекта.
Удаление плагинов и зависимостей ESLint из проекта Vue
Полный отказ от ESLint возможен через удаление всех связанных пакетов из package.json. Важно проверить разделы dependencies и devDependencies, чтобы не оставить неиспользуемых модулей.
Часто встречающиеся зависимости:
eslint@vue/cli-plugin-eslinteslint-plugin-vue@vue/eslint-config-standardили другой конфиг
Удаление выполняется командой:
npm remove eslint @vue/cli-plugin-eslint eslint-plugin-vue @vue/eslint-config-standard
После удаления необходимо:
- очистить конфигурационные файлы: .eslintrc.*, .eslintignore;
- удалить настройки ESLint из package.json, если они там указаны;
- перезапустить сборку, чтобы убедиться в отсутствии ошибок от линтера.
Если проект использует Vue CLI, стоит проверить файл vue.config.js: параметр lintOnSave должен быть удалён или отключён, чтобы исключить лишние вызовы линтинга.
Отключение правил ESLint через файл конфигурации .eslintrc
Конфигурация ESLint хранится в файле .eslintrc или в его вариациях: .eslintrc.js, .eslintrc.json. В нём можно изменять параметры отдельных правил или отключать их полностью.
Пример структуры для отключения правил:
{
"rules": {
"no-unused-vars": "off",
"no-console": 0,
"vue/no-mutating-props": "off"
}
}
Допустимые значения настройки правила:
| Значение | Действие |
|---|---|
| «off» или 0 | Отключение правила |
| «warn» или 1 | Показывать предупреждение |
| «error» или 2 | Показывать ошибку |
Формат зависит от расширения файла конфигурации. В случае .eslintrc.js правила указываются внутри module.exports. После изменения настроек потребуется перезапуск сборки, чтобы линтер обновил список активных правил.
Пропуск проверки ESLint при запуске команд Vue CLI
В проектах Vue проверка кода через ESLint может замедлять выполнение команд сборки или разработки. Для временного или постоянного пропуска этих проверок используются встроенные флаги CLI.
Основные способы пропуска ESLint при запуске команд Vue CLI:
- Запуск сервера разработки без проверки: используйте команду
vue-cli-service serve --no-eslint. Это отключает анализ файлов ESLint при каждой перезагрузке проекта. - Сборка проекта без проверки: для сборки используйте
vue-cli-service build --no-eslint. Это исключает ESLint из процесса сборки, ускоряя генерацию финального бандла. - Пропуск ESLint для отдельных файлов: внутри кода можно использовать комментарии
/* eslint-disable */в начале файла, чтобы полностью игнорировать правила ESLint в этом файле. - Игнорирование определённых правил: для локального отключения правил применяется синтаксис
/* eslint-disable правило1, правило2 */, что позволяет отключать только конкретные проверки.
Для постоянного пропуска проверки при всех командах рекомендуется изменить скрипты в package.json:
{
"scripts": {
"serve": "vue-cli-service serve --no-eslint",
"build": "vue-cli-service build --no-eslint"
}
}Также можно полностью отключить ESLint при инициализации проекта, сняв соответствующую галочку в Vue CLI при выборе опций. В этом случае проверка не будет включена ни при запуске сервера, ни при сборке.
Вопрос-ответ:
Можно ли отключить ESLint только на время разработки в Vue?
Да, временно отключить ESLint при запуске сервера разработки можно с помощью команды vue-cli-service serve --no-eslint. Это позволит запускать проект без анализа кода, но проверка вернётся при обычном использовании команд сборки или при запуске с другими флагами.
Как полностью убрать ESLint из проекта Vue?
Чтобы ESLint не запускался ни при сборке, ни при разработке, нужно удалить его зависимости и настройки. Удалите пакеты eslint и eslint-plugin-vue через npm или yarn, а также удалите или очистите файлы .eslintrc.js и .eslintignore. После этого команды Vue CLI будут выполняться без проверки кода.
Можно ли отключить проверку ESLint только для отдельных файлов?
Да, внутри конкретного файла можно использовать комментарий /* eslint-disable */ в начале, чтобы игнорировать все правила ESLint. Для отключения только некоторых правил применяется синтаксис /* eslint-disable правило1, правило2 */. Это полезно, если код соответствует проектным стандартам, но конфликтует с конкретными правилами.
Как пропустить ESLint при сборке проекта Vue CLI?
При сборке проекта без проверки ESLint можно использовать команду vue-cli-service build --no-eslint. Альтернативно, в package.json можно изменить скрипт сборки на "build": "vue-cli-service build --no-eslint". Это исключает анализ кода и ускоряет процесс создания финального бандла.
Загрузка...
