olá! como deixar semelhante ao do curso?
olá! como deixar semelhante ao do curso?
Oi, Richard.
Essa diferença acontece porque o ESLint mudou a sua forma padrão de configuração.
No vídeo da aula, a instrutora utiliza o sistema antigo (chamado de Legacy Config), que gera o arquivo .eslintrc.json. Já na imagem que você enviou, o ESLint instalou a versão mais atual (chamada de Flat Config), que utiliza o arquivo eslint.config.js.
Pra deixar o seu projeto com as mesmas regras ensinadas na aula, você não precisa reinstalar tudo. Basta ajustar o conteúdo do seu arquivo eslint.config.js para incluir as regras de estilo (aspas, pontos e vírgula, etc).
eslint.config.jsSubstitua o conteúdo do seu arquivo pelo código abaixo:
import js from "@eslint/js";
import globals from "globals";
import { defineConfig } from "eslint/config";
export default [
js.configs.recommended,
{
languageOptions: {
globals: {
...globals.node, // Isso resolve o erro do 'process' que ela menciona
},
ecmaVersion: "latest",
sourceType: "module",
},
rules: {
"indent": ["error", 2],
"quotes": ["error", "double"],
"semi": ["error", "always"],
"linebreak-style": ["error", "unix"] // Use "windows" se estiver no Windows
},
},
];
.eslintrc.json, agora usamos eslint.config.js."node": true, importamos os globals e espalhamos o objeto globals.node dentro das opções de linguagem.rules continuam funcionando exatamente da mesma forma que a Juliana mostrou.A configuração que ela faz no settings.json do VS Code (editor.codeActionsOnSave) continua valendo e é muito recomendada. Se você já fez esse passo, o VS Code deve começar a corrigir os pontos e vírgula e as aspas assim que você salvar qualquer arquivo .js, baseando-se nas novas regras que colocamos acima.
Dessa forma, você mantém o projeto atualizado com a versão mais recente da ferramenta, mas com o comportamento visual e as regras de organização que o curso pede.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!