A interface do ESLint e as opções disponíveis no assistente de configuração (eslint --init
) podem mudar entre as versões, o que pode explicar a diferença que você está encontrando em comparação com o que foi mostrado na aula. As opções para escolher entre "Airbnb", "Standard" e "XO" são para adotar um estilo de código pré-definido, o que é uma prática comum, pois esses estilos são amplamente adotados na comunidade JavaScript.
Se você deseja uma configuração mais personalizada, mas a opção "Answer questions about your style" não está disponível, aqui estão algumas maneiras de contornar essa questão:
1. Configuração Manual
Você sempre pode criar ou modificar manualmente o arquivo .eslintrc.json
(ou .eslintrc.js
, dependendo do formato que escolher) na raiz do seu projeto. Isso lhe dá controle total sobre as regras que deseja habilitar, desabilitar ou modificar. Por exemplo:
{
"env": {
"browser": true,
"es2021": true
},
"extends": "eslint:recommended",
"parserOptions": {
"ecmaVersion": 12,
"sourceType": "module"
},
"rules": {
"indent": ["error", 2],
"linebreak-style": ["error", "unix"],
"quotes": ["error", "single"],
"semi": ["error", "always"]
}
}
Neste exemplo, estamos estendendo as regras recomendadas pelo ESLint e, em seguida, personalizando algumas regras específicas como indentação, estilo de quebra de linha, uso de aspas e ponto e vírgula.
2. Escolha Um Guia de Estilo e Personalize
Escolher um dos guias de estilo disponíveis (airbnb
, standard
, XO
) e, em seguida, modificar as regras conforme necessário em seu arquivo .eslintrc.json
pode ser um bom ponto de partida. Esses guias de estilo cobrem muitas boas práticas e preferências comuns na comunidade JS, e você pode sempre sobrescrever regras específicas para se adequar ao seu estilo ou requisitos de projeto.
3. Utilize Outras Ferramentas para Gerar a Configuração
Existem ferramentas online e pacotes npm que podem ajudar a gerar arquivos de configuração do ESLint baseados em respostas a um conjunto de perguntas, semelhante ao que o eslint --init
fazia. Essas ferramentas podem oferecer uma experiência mais interativa para configurar o ESLint.
Conclusão
Embora a interface do ESLint possa mudar, o objetivo de garantir a consistência e a qualidade do código permanece o mesmo. Começar com um guia de estilo popular e ajustá-lo às necessidades do seu projeto pode ser uma maneira eficiente de configurar o ESLint. Além disso, a documentação do ESLint é um excelente recurso para entender e personalizar suas regras.