olá! como deixar semelhante ao do curso?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
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!