Anúncios incomodam? Ir Sem anúncios Hoje 

Gerador de Configuração do ESLint

DadosDesenvolvedor

ANUNCIADO Remover?

ENTRADA

Processo Automático Lado cliente

Format de configuração

A configuração plana é o padrão a partir do ESLint v9. A configuração antiga é para projetos mais antigos ainda em v8.

Framework / Ambiente

Seleciona analisador, plugins e regras básicas adequados para sua stack.

Guia de estilo

O config compartilhável é estendido após a base. O Prettier deve ser adicionado no final.

Use TypeScript (@typescript-eslint)

Opções de linguagem

ecmaVersion

Versão de sintaxe do JavaScript que o analisador aceita.

sourceType

Como os arquivos devem ser analisados.

Ambientes

variáveis globais do navegador (window, document, fetch)

variáveis globais do Node.js (process, require, __dirname)

variáveis globais do Jest (describe, test, expect)

variáveis globais do Mocha

Regras comuns

semi (exige pontos e vírgulas)

quotes

indent

no-unused-vars

no-console

eqeqeq (igualdade estrita)

prefer-const

no-var

Opções de Saída

Inclui comentários inline explicando cada opção

Incluir comentário de cabeçalho descritivo

Incluir o comando npm install no início

SAÍDA

Lado cliente

ANUNCIADO Remover?

Guia

Gerador de Configuração do ESLint

Gere uma configuração pronta para uso do ESLint para seu projeto em segundos. Escolha seu framework, versão da linguagem, ambientes e severidades das regras, em seguida, copie a saída diretamente para seu repositório. Suporta tanto a configuração plana (ESLint v9+) quanto a antiga usada pelo ESLint v8.eslint.config.js, ESLint v9+ .eslintrc.json formato usado pelo ESLint v8.

Como usar

Escolha seu formato de configuração: plano (ESLint v9+) ou antigo (.eslintrc.json).
Escolha o framework que você está usando — JavaScript puro, Node.js, React, Next.js, Vue 3 ou TypeScript.
Escolha opcionalmente um guia de estilo (Airbnb, Standard, Google, Prettier) para estender.
Ative o suporte ao TypeScript se seu stack misturar JS com TS.
Ajuste as opções de linguagem, ambientes e severidades das regras para corresponder à sua base de código.
Copie a configuração gerada e cole na eslint.config.js ou .eslintrc.json, em seguida, instale as dependências impressas.

Características

Formatos planos e antigos – Emite tanto eslint.config.js para ESLint v9+ quanto .eslintrc.json para v8.
Predefinições de framework – JavaScript puro, Node.js, React, Next.js, Vue 3 e TypeScript com plugins corretos e configurações recomendadas integradas.
Guias de estilo – Integrações opcionais Airbnb, Standard (via neostandard para plano), Google e Prettier.
Alternativas de regras comuns – Controles de severidade curados para semi, quotes, indent, no-unused-vars, no-console, eqeqeq, prefer-conste, e no-var.
Comando de instalação – Imprime a linha correspondente para que você saiba exatamente quais pacotes devem ser adicionados. npm install -D – Comentários explicativos opcionais ao lado de cada opção, para que a configuração funcione também como documentação.
Comentários inline – Tudo funciona no navegador; nenhum código é enviado.
Somente no lado do cliente Qual a diferença entre a configuração plana e o .eslintrc antigo?

 Perguntas frequentes

A configuração plana é um módulo JavaScript único que exporta um array (ou o resultado de helpers como tseslint.config()). Ela substituiu a cascata do .eslintrc antigo no ESLint v9 e utiliza importações reais em vez de consultas por strings, o que torna mais fácil entender e funciona melhor com módulos nativos ES. O sistema antigo do .eslintrc ainda funciona no ESLint v8, mas não é mais o padrão em versões mais recentes.

Por que o Prettier deve ser aplicado no final?
O eslint-config-prettier desativa regras do ESLint que conflitam com o formatação do Prettier. Aplicar o Prettier no final garante que essas regras de formatação sejam desativadas independentemente de quais regras foram ativadas por configurações anteriores. Se você colocar o Prettier mais cedo, uma configuração posterior pode reativar uma regra que conflita com o Prettier, resultando em erros de validação ruídosos em códigos que já estão formatados corretamente.

O que faz a opção de ambiente / variáveis globais?
Informa ao analisador quais variáveis globais existem para que regras como no-undef não reclamem delas. O ambiente do navegador adiciona window, document, fetch, etc.; o ambiente do Node.js adiciona process, require, __dirname. Sem as variáveis globais corretas declaradas, códigos válidos podem ser marcados como referindo-se a variáveis indefinidas.

Qual a diferença entre severidades error, warn e off?
Uma regra definida como error faz o ESLint sair com um status não zero, o que falha o CI e os hooks pré-commit. Uma regra definida como warn exibe a mensagem, mas não falha a build. Definir off desativa a regra completamente. A maioria das equipes reserva error para regras de correção de código e usa warn para ruídos de estilo ou migração que ainda não estão prontas para serem exigidas.

Gerador de Configuração do ESLint 1