Генератор конфигурации ESLint

ДанныеРазработчик
Реклама · УДАЛИТЬ?
ВХОД
Автоматический процесс Клиентская сторона
Прямой формат настройки является стандартным с версии ESLint v9. Устаревший формат предназначен для старых проектов, использующих версию v8.
Выбирает подходящий парсер, плагины и базовые правила для вашей стека.
Разделяемая настройка добавляется после базовой. Prettier должен быть добавлен последним.

Параметры языка

Версия синтаксиса JavaScript, которую принимает парсер.
Как должны быть парсированные файлы.

Среды

Общие правила

Опции вывода

Реклама · УДАЛИТЬ?

Гид

Генератор конфигурации ESLint

Генератор конфигурации ESLint

Создаёт настройку ESLint, готовую к использованию, за несколько секунд. Выберите ваш фреймворк, версию языка, среды и уровень серьёзности правил, затем скопируйте результат и вставьте его в репозиторий. Поддерживает как современный прямой формат (ESLint v9+), так и устаревший формат, используемый в ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json формат, используемый в ESLint v8.

Как использовать

  1. Выберите формат настройки: прямой (ESLint v9+) или устаревший (.eslintrc.json).
  2. Выберите используемый фреймворк — vanilla JS, Node.js, React, Next.js, Vue 3 или TypeScript.
  3. Опционально выберите руководство по стилю (Airbnb, Standard, Google, Prettier), чтобы расширить его.
  4. Включите поддержку TypeScript, если в вашем стеке используются как JS, так и TS.
  5. Настройте параметры языка, среды и уровень серьёзности правил, чтобы они соответствовали вашему коду.
  6. Скопируйте сгенерированную настройку и вставьте её в 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 для того, чтобы вы знали, какие пакеты нужно добавить.
  • Комментарии в строках – Опциональные объяснительные комментарии рядом с каждым параметром, чтобы конфигурация выступала в роли документации.
  • Только на стороне клиента – Все работает в браузере; никакой код не отправляется на сервер.

Часто задаваемые вопросы

  1. Какова разница между прямым форматом и устаревшим .eslintrc?

    Прямой формат — это один JavaScript-модуль, который экспортирует массив (или результат функций, таких как tseslint.config()). Он заменил устаревшую систему .eslintrc в версии ESLint v9 и использует реальные импорты вместо строковых поисков, что упрощает понимание и работает лучше с встроенными модулями ES. Система .eslintrc по-прежнему работает в версии ESLint v8, но больше не является стандартной в новых версиях.

  2. Почему Prettier должен применяться последним?

    eslint-config-prettier отключает правила ESLint, конфликтующие с форматировщиком Prettier, поэтому применение его последним гарантирует, что эти правила будут отключены независимо от того, какие правила включены в более ранних конфигурациях. Если вы поместите Prettier раньше, то позже включённая конфигурация может включить правило, конфликтующее с Prettier, и вы увидите шумные ошибки валидации для кода, правильно отформатированного.

  3. Что делает опция env / globals?

    Она сообщает парсеру, какие заранее определённые глобальные переменные существуют, чтобы правила, такие как no-undef, не жаловались на них. Среда браузера добавляет window, document, fetch и т.д.; среда Node.js добавляет process, require, __dirname. Без правильных глобальных переменных, допустимый код может быть помечен как ссылка на неопределённые переменные.

  4. Какова разница между уровнями error, warn и off?

    Правило с уровнем error заставляет ESLint завершить работу с ненулевым статусом, что приводит к сбою в CI и в предварительных проверках. Правило с уровнем warn отображает сообщение, но не приводит к сбою сборки. Уровень off полностью отключает правило. Большинство команд сохраняют уровень error для правил, связанных с корректностью кода, и используют уровень warn для стилевых или миграционных нарушений, которые они пока не готовы включать.

Хотите убрать рекламу? Откажитесь от рекламы сегодня

Установите наши расширения

Добавьте инструменты ввода-вывода в свой любимый браузер для мгновенного доступа и более быстрого поиска

в Расширение Chrome в Расширение края в Расширение Firefox в Расширение Opera

Табло результатов прибыло!

Табло результатов — это интересный способ следить за вашими играми, все данные хранятся в вашем браузере. Скоро появятся новые функции!

Реклама · УДАЛИТЬ?
Реклама · УДАЛИТЬ?
Реклама · УДАЛИТЬ?

новости с техническими моментами

Примите участие

Помогите нам продолжать предоставлять ценные бесплатные инструменты

Купи мне кофе
Реклама · УДАЛИТЬ?