1
resposta

[Bug] O prettier não funciona no meu vs code mesmo eu já tendo configurado como editor padrão

Essa é parte do erro

["INFO" - 09:21:26] Extension Name: esbenp.prettier-vscode.
["INFO" - 09:21:26] Extension Version: 12.1.1.
["INFO" - 09:21:34] EditorConfig support is enabled, checking for .editorconfig files
["INFO" - 09:21:34] No local configuration (i.e. .prettierrc or .editorconfig) detected, will fall back to VS Code configuration
["INFO" - 09:21:36] Formatting file:///c%3A/xampp/htdocs/Projetos/Alura/jornadaViagens/index.html
["INFO" - 09:21:36] EditorConfig support is enabled, checking for .editorconfig files
["INFO" - 09:21:36] No local configuration (i.e. .prettierrc or .editorconfig) detected, will fall back to VS Code configuration
["INFO" - 09:21:36] PrettierInstance:

1 resposta

Olá, Lucas!

Obrigado por compartilhar sua dúvida no fórum Alura.

Pelo log que você enviou, o Prettier não está com erro. Ele está funcionando corretamente, mas vale destacar alguns pontos importantes que costumam ocasionar o problema:

1. O que o log está dizendo

  • O Prettier está instalado e sendo executado (Formatting file...)
  • Ele não encontrou arquivos de configuração (.prettierrc ou .editorconfig)
  • Por isso, está usando as configurações padrão do VS Code

Ou seja: o Prettier roda, mas pode parecer que “não funciona” porque ele não altera quase nada no arquivo.

2. Verificações importantes (bem comuns)

  1. Formato manual
    O Prettier só formata automaticamente se você salvar o arquivo ou usar o atalho:

    Shift + Alt + F
    
  2. Definir o Prettier como formatador padrão
    Abra as configurações do VS Code (Ctrl + ,) e verifique se existe:

    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true
    
  3. Tipo de arquivo
    Confirme se o arquivo é realmente .html, .css ou .js.
    Se for, por exemplo, .txt, o Prettier não será aplicado.

3. Dica (opcional, mas recomendada)

Criar um arquivo .prettierrc na raiz do projeto ajuda a deixar o comportamento visível e previsível:

{
  "semi": true,
  "singleQuote": true,
  "tabWidth": 2
}

Isso garante que o Prettier tenha regras claras para seguir.

Abraços e bons estudos!