O Que É o Prettier? O Formatador de Código Opinativo Explicado
O Prettier é um formatador de código opinativo que reimprime seu código em um estilo consistente automaticamente, encerrando as discussões sobre formatação.
O Prettier pega seu código e o reformata para um único estilo consistente, independentemente de como foi escrito. Ao tirar as decisões de formatação das mãos humanas, ele elimina os debates sobre estilo no code review e mantém toda a base de código com aparência uniforme.
O que é o Prettier
O Prettier é um formatador de código que suporta JavaScript, TypeScript, CSS, HTML, JSON, Markdown e muito mais. Ele analisa o código em uma AST e o reimprime do zero usando suas próprias regras, de modo que o espaçamento e as quebras de linha originais não importam. Por design, ele possui poucas opções de configuração.
Como ele difere de um linter
Um linter como o ESLint encontra problemas e pode impor algumas regras estilísticas; um formatador apenas reescreve o layout. Os dois são complementares: o Prettier é responsável pela formatação, o ESLint pelas regras de qualidade de código. Configs como "eslint-config-prettier" desativam as regras estilísticas do ESLint para que as duas ferramentas não entrem em conflito.
Um exemplo de uso
Verifique a formatação no CI ou grave-a localmente.
# fail if any file is not formatted (use in CI)
npx prettier --check .
# rewrite files to the canonical format
npx prettier --write .Papel no CI/CD
No CI, "prettier --check" verifica se cada arquivo corresponde ao formato canônico e retorna código diferente de zero caso contrário, falhando o build em código não formatado. Isso garante que todo o repositório permaneça consistente e mantém os diffs limpos. Muitas equipes também executam o Prettier em um pre-commit hook para que o CI raramente detecte algo.
Alternativas
O Biome inclui um formatador rápido baseado em Rust que visa substituir o Prettier e o ESLint juntos. O dprint é outro formatador rápido e extensível por plugins. Formatadores específicos de linguagem (gofmt, rustfmt, Black para Python) desempenham o mesmo papel em seus ecossistemas. O Prettier continua sendo o padrão para o mundo JavaScript.
Principais conclusões
- O Prettier reimprime o código em um único estilo consistente e opinativo.
- Ele cuida da formatação; o ESLint cuida das regras de qualidade de código.
- Use "prettier --check" no CI para falhar builds em código não formatado.