Gerador de Configuração ESLint
Gere um arquivo de configuração ESLint — flat config moderno (eslint.config.js) ou legacy .eslintrc.json — a partir de um preset de framework (Vanilla, Node, React, Next.js, Vue, TypeScript), guia de estilo opcional (Airbnb, Standard, Google, Prettier), opções de linguagem, ambientes e toggles de regras comuns.
Entrada
Flat config é o padrão desde ESLint v9. Legacy para projetos ainda na v8.
Seleciona parser, plugins e regras base apropriadas para sua stack.
Config compartilhada estendida após a base. Prettier deve ser adicionado por último.
Opções de Linguagem
Versão de sintaxe JavaScript que o parser aceita.
Como os arquivos devem ser analisados.
Ambientes
Regras Comuns
Opções de Saída
Saída
Mais formas de usar esta ferramenta
API REST
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"
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `eslint-config-generator` tool (ESLint Config Generator) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/eslint-config-generator/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Gerador de Configuração 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>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
O Gerador de Configuração ESLint cria um arquivo de configuração ESLint pronto para usar a partir de alguns dropdowns e toggles — sem necessidade de memorizar nomes de plugins, ordenação de extends ou as diferenças entre o flat config moderno e o formato legacy. Escolha seu framework, um guia de estilo opcional e as regras que você se importa, e copie o arquivo gerado diretamente para seu projeto.
O que faz
ESLint é o linter padrão para JavaScript e TypeScript, mas conectar uma config manualmente significa juggling de parsers, plugins, ambientes e configs compartilhadas na ordem exata. Esta ferramenta monta tudo isso para você. Ela suporta:
- Dois formatos de saída — flat config (
eslint.config.js, o padrão desde ESLint v9) e legacy (.eslintrc.json, para projetos ainda em v8). - Presets de framework — Vanilla JavaScript, Node.js, React, Next.js, Vue 3 e TypeScript genérico, cada um com os plugins e
extendsbase corretos. - Guias de estilo — Airbnb, Standard, Google e Prettier (adicionado por último para que possa desabilitar regras de formatação conflitantes).
- Opções de linguagem —
ecmaVersionesourceType(ESM, CommonJS ou script). - Ambientes — globais do browser, Node, Jest e Mocha.
- Regras comuns —
semi,quotes,indent,no-unused-vars,no-console,eqeqeq,prefer-consteno-var, cada uma configurada individualmente para error, warn ou off.
Ela também pode adicionar um comentário de cabeçalho descritivo, comentários inline explicando cada bloco e o comando npm install -D … exato listando cada package do qual a config depende.
Como usar
- Escolha seu formato de config (flat é recomendado para novos projetos).
- Selecione seu framework e, opcionalmente, um guia de estilo.
- Toggle Usar TypeScript se seu projeto usa
@typescript-eslint. - Ajuste opções de linguagem, ambientes e severidades de regras comuns.
- Copie a config gerada ou baixe-a, e então execute o comando install que ela mostra.
A saída é atualizada instantaneamente conforme você altera qualquer opção.
Flat config vs. legacy config — qual devo escolher?
Use flat config (eslint.config.js) para qualquer projeto na ESLint v9 ou mais recente; é o padrão atual e para onde todo o desenvolvimento futuro está indo. Use legacy (.eslintrc.json) apenas se você estiver preso ao ESLint v8 ou uma toolchain que ainda não migrou.
Ainda preciso instalar os packages?
Sim. A ferramenta gera o texto da config e o comando install correspondente, mas não instala nada para você. Execute a linha npm install -D … que ela produz (ou o equivalente yarn/pnpm) para que ESLint possa encontrar os plugins e configs compartilhadas referenciados.
Por que Prettier está listado separadamente?
eslint-config-prettier apenas desabilita as regras de formatação do ESLint para que não entrem em conflito com seu formatter — ele não adiciona regras próprias. Por isso, deve ser aplicado por último, que é exatamente onde o gerador o coloca.
Posso ajustar as regras depois?
Absolutamente. O arquivo gerado é um ponto de partida comum — edite severidades de regras, adicione mais regras ou estenda-o com configs adicionais. Trate a saída como uma linha de base sólida, não um resultado bloqueado.
Privacidade
Este gerador é executado totalmente em seu navegador. Suas seleções nunca são carregadas, registradas ou armazenadas — a configuração é montada localmente a partir das opções que você escolhe, e nada deixa seu dispositivo.