Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

[Dúvida] Configuração Eslint

Ao seguir as instruções de configuração do eslint, a opção "Answer questions about your style" não aparece. Só tenho a opção de escolher entre 3 guias de estilo: airbnb, standard e XO. Desta forma, minha configuração não ficará igual a da aula, dificultando o entendimento.

3 respostas
solução!

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.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá. O problema é que nos estilos disponíveis, não esta gerando um json e sim um js. Vou prosseguir com as aulas e ver se vai dar muito problema para acompanhar.

Mesmo problema aqui, Cleber Almico deu certo usando o arquivo js ao inves do json?

Eu escolhi o standart, e vou proseguir com curso pra ver se dá certo.

No final do curso volto aqui pra falar se deu certo.