Генератор конфигурации ESLint
Гид
Генератор конфигурации ESLint
Создаёт настройку ESLint, готовую к использованию, за несколько секунд. Выберите ваш фреймворк, версию языка, среды и уровень серьёзности правил, затем скопируйте результат и вставьте его в репозиторий. Поддерживает как современный прямой формат (ESLint v9+), так и устаревший формат, используемый в ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json формат, используемый в ESLint v8.
Как использовать
- Выберите формат настройки: прямой (ESLint v9+) или устаревший (.eslintrc.json).
- Выберите используемый фреймворк — vanilla JS, Node.js, React, Next.js, Vue 3 или TypeScript.
- Опционально выберите руководство по стилю (Airbnb, Standard, Google, Prettier), чтобы расширить его.
- Включите поддержку TypeScript, если в вашем стеке используются как JS, так и TS.
- Настройте параметры языка, среды и уровень серьёзности правил, чтобы они соответствовали вашему коду.
- Скопируйте сгенерированную настройку и вставьте её в
eslint.config.jsили.eslintrc.json, затем установите указанные зависимости.
Возможности
- Форматы прямого и устаревшего – Генерирует либо
eslint.config.jsдля ESLint v9+ или.eslintrc.jsonдля v8. - Предустановленные фреймворки – Vanilla JS, Node.js, React, Next.js, Vue 3 и TypeScript с правильно настроенным плагинами и рекомендованными конфигурациями.
- Руководства по стилю – Опциональные интеграции Airbnb, Standard (через neostandard для прямого формата), Google и Prettier.
- Общие переключатели правил – Управление уровнем серьёзности для
semi,quotes,indent,no-unused-vars,no-console,eqeqeq,prefer-constиno-var. - Команда установки – Выводит соответствующую команду
npm install -Dдля того, чтобы вы знали, какие пакеты нужно добавить. - Комментарии в строках – Опциональные объяснительные комментарии рядом с каждым параметром, чтобы конфигурация выступала в роли документации.
- Только на стороне клиента – Все работает в браузере; никакой код не отправляется на сервер.
Часто задаваемые вопросы
-
Какова разница между прямым форматом и устаревшим .eslintrc?
Прямой формат — это один JavaScript-модуль, который экспортирует массив (или результат функций, таких как tseslint.config()). Он заменил устаревшую систему .eslintrc в версии ESLint v9 и использует реальные импорты вместо строковых поисков, что упрощает понимание и работает лучше с встроенными модулями ES. Система .eslintrc по-прежнему работает в версии ESLint v8, но больше не является стандартной в новых версиях.
-
Почему Prettier должен применяться последним?
eslint-config-prettier отключает правила ESLint, конфликтующие с форматировщиком Prettier, поэтому применение его последним гарантирует, что эти правила будут отключены независимо от того, какие правила включены в более ранних конфигурациях. Если вы поместите Prettier раньше, то позже включённая конфигурация может включить правило, конфликтующее с Prettier, и вы увидите шумные ошибки валидации для кода, правильно отформатированного.
-
Что делает опция env / globals?
Она сообщает парсеру, какие заранее определённые глобальные переменные существуют, чтобы правила, такие как no-undef, не жаловались на них. Среда браузера добавляет window, document, fetch и т.д.; среда Node.js добавляет process, require, __dirname. Без правильных глобальных переменных, допустимый код может быть помечен как ссылка на неопределённые переменные.
-
Какова разница между уровнями error, warn и off?
Правило с уровнем error заставляет ESLint завершить работу с ненулевым статусом, что приводит к сбою в CI и в предварительных проверках. Правило с уровнем warn отображает сообщение, но не приводит к сбою сборки. Уровень off полностью отключает правило. Большинство команд сохраняют уровень error для правил, связанных с корректностью кода, и используют уровень warn для стилевых или миграционных нарушений, которые они пока не готовы включать.
Установите наши расширения
Добавьте инструменты ввода-вывода в свой любимый браузер для мгновенного доступа и более быстрого поиска
恵 Табло результатов прибыло!
Табло результатов — это интересный способ следить за вашими играми, все данные хранятся в вашем браузере. Скоро появятся новые функции!
Подписаться на новости
все Новые поступления
всеОбновлять: Наш последний инструмент был добавлен 8 июня 2026 года
