Torre do Código · sala 26

Formatador de Código (Prettier)

Formate JavaScript, TypeScript, CSS, HTML, Markdown, YAML e GraphQL.

🔒 Processado no seu navegador · Sem upload · Sem cadastro

Formate código com o Prettier — no seu navegador

Cole um código bagunçado ou minificado e formate com o Prettier, o formatador opinativo usado por milhões de projetos. Suporta JavaScript, TypeScript, JSX, JSON, CSS, SCSS, Less, HTML, Vue, Markdown, YAML e GraphQL, com as mesmas opções que você colocaria num .prettierrc.

Por que meu código não formata?

O Prettier precisa ler o seu código primeiro, então um erro de sintaxe (um colchete faltando, uma vírgula sobrando) impede a formatação. A mensagem de erro mostra a linha e a coluna — corrija ali e a saída se atualiza sozinha. Confira se a linguagem selecionada é a do seu código.

É igual a rodar o Prettier localmente?

Sim — esta página roda a versão standalone oficial do Prettier 3. O parser de cada linguagem é baixado na primeira vez que você a usa, e o seu código nunca sai do seu dispositivo.