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.
