Генератор конфигурации ESLint
Создайте файл конфигурации ESLint — современный flat config (eslint.config.js) или legacy .eslintrc.json — из предустановки фреймворка (Vanilla, Node, React, Next.js, Vue, TypeScript), опционального руководства стиля (Airbnb, Standard, Google, Prettier), параметров языка, окружений и переключателей общих правил.
Ввод
Flat config используется по умолчанию с ESLint v9. Legacy для проектов, которые остаются на v8.
Выбирает подходящие парсер, плагины и базовые правила для вашего стека.
Общая конфигурация, расширяемая после базовой. Prettier должен быть добавлен последним.
Параметры языка
Версия синтаксиса JavaScript, которую принимает парсер.
Как файлы должны быть проанализированы.
Окружения
Общие правила
Параметры вывода
Вывод
Другие способы использовать этот инструмент
REST API
curl -X POST https://api.iotools.cloud/v1/tool/eslint-config-generator \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"format": "flat",
"framework": "vanilla",
"styleGuide": "none",
"useTypescript": "",
"ecmaVersion": "latest",
"sourceType": "module",
"envBrowser": "true",
"envNode": "",
"envJest": "",
"envMocha": "",
"ruleSemi": "error",
"ruleQuotes": "single",
"ruleIndent": "2",
"ruleNoUnusedVars": "warn",
"ruleNoConsole": "warn",
"ruleEqeqeq": "error",
"rulePreferConst": "error",
"ruleNoVar": "error",
"includeComments": "true",
"includeHeader": "true",
"includeInstall": "true"
}'Подставьте свой собственный ключ из аккаунта. Поля инструмента — это тело запроса, без обёртки.
Спросите у ИИ-агента
Use the IOTools `eslint-config-generator` tool (ESLint Config Generator) on this input:
YOUR_INPUT_HEREВставьте это любому агенту, подключённому к MCP-серверу IOTools, и добавьте свой ввод.
Виджет для встраивания
<iframe
src="https://iotools.cloud/embed/eslint-config-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Генератор конфигурации ESLint — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Вставьте это на свою страницу — бесплатно, без ключа, нужна лишь обратная ссылка.
| Стоимость вызова API/MCP | От 5 кредитов |
|---|---|
| Нужно больше кредитов? | Посмотреть тарифы |
Также доступно через
Руководства
Генератор конфигурации ESLint создает готовый к использованию файл конфигурации ESLint из нескольких выпадающих списков и переключателей — не нужно запоминать названия плагинов, порядок extends или различия между современным flat config и форматом legacy. Выберите свой фреймворк, опциональное руководство стиля и правила, которые вас волнуют, а затем скопируйте сгенерированный файл прямо в свой проект.
Что это делает
ESLint — это стандартный linter для JavaScript и TypeScript, но ручное подключение config означает жонглирование парсерами, плагинами, окружениями и общими конфигурациями в правильном порядке. Этот инструмент собирает все это для вас. Он поддерживает:
- Два формата вывода — flat config (
eslint.config.js, по умолчанию с ESLint v9) и legacy (.eslintrc.json, для проектов, которые остаются на v8). - Предустановки фреймворка — Vanilla JavaScript, Node.js, React, Next.js, Vue 3 и TypeScript (generic), каждый с правильными плагинами и base
extends. - Руководства стиля — Airbnb, Standard, Google и Prettier (добавляется последним, чтобы он мог отключить конфликтующие правила форматирования).
- Параметры языка —
ecmaVersionиsourceType(ESM, CommonJS или script). - Окружения — глобальные переменные browser, Node, Jest и Mocha.
- Общие правила —
semi,quotes,indent,no-unused-vars,no-console,eqeqeq,prefer-constиno-var, каждое отдельно устанавливаемое на error, warn или off.
Он также может добавить описательный комментарий заголовка, встроенные комментарии, объясняющие каждый блок, и точную команду npm install -D …, список всех пакетов, от которых зависит конфигурация.
Как использовать
- Выберите формат конфигурации (flat рекомендуется для новых проектов).
- Выберите свой фреймворк и, при необходимости, руководство стиля.
- Переключите Использовать TypeScript, если ваш проект использует
@typescript-eslint. - Настройте параметры языка, окружения и уровни серьезности общих правил.
- Скопируйте сгенерированную конфигурацию или загрузите ее, затем выполните показанную команду install.
Выход обновляется мгновенно при изменении любого параметра.
Flat config против legacy config — что мне выбрать?
Используйте flat config (eslint.config.js) для любого проекта на ESLint v9 или новее; это текущий стандарт и направление всех будущих разработок. Используйте legacy (.eslintrc.json) только если вы привязаны к ESLint v8 или toolchain, который еще не перешел на новую версию.
Мне все еще нужно устанавливать пакеты?
Да. Инструмент создает текст конфигурации и соответствующую команду install, но ничего не устанавливает за вас. Выполните строку npm install -D …, которую она создает (или эквивалент yarn/pnpm), чтобы ESLint мог найти упоминаемые плагины и общие конфигурации.
Почему Prettier указан отдельно?
eslint-config-prettier только отключает правила форматирования ESLint, чтобы они не конфликтовали с вашим форматером — он не добавляет собственные правила. Поэтому его необходимо применять последним, что является именно тем местом, где генератор его размещает.
Могу ли я доработать правила потом?
Абсолютно. Сгенерированный файл — это обычная отправная точка — отредактируйте уровни серьезности правил, добавьте больше правил или расширьте его дополнительными конфигурациями. Рассматривайте вывод как твердую базу, а не заблокированный результат.
Приватность
Этот генератор работает полностью в вашем браузере. Ваши выборы никогда не загружаются, не регистрируются и не сохраняются — конфигурация собирается локально из выбранных вами параметров, и ничего не покидает ваше устройство.