Formatador de código online - Prettier para JS, TS, JSON, HTML, CSS e mais

Linguagem atual: JavaScript

Largura do tab Largura da linha Usar tabs Ponto e vírgula Aspas simples

Código de entrada

Resultado formatado

O código formatado aparecerá aqui.

Sobre o formatador de código

Um ambiente local no navegador para formatação Prettier

O formatador de código online ajuda a normalizar o estilo antes de commitar, compartilhar ou colar em outra ferramenta. Ele executa Prettier no navegador para linguagens web, de configuração, documentos e dados, oferece detecção automática e seleção manual, e salva preferências sem enviar o código.

Recursos

Detecta linguagens comuns com substituição manual
Executa Prettier standalone localmente no navegador
Mostra entrada e saída lado a lado
Suporta indentação, ponto e vírgula, aspas, vírgulas finais e largura
Salva preferências e restaura padrões

Como usar

1Cole código ou envie um arquivo local
2Revise a linguagem detectada e altere se necessário
3Ajuste opções comuns ou abra as avançadas
4Formate e confira o painel de saída
5Copie, baixe ou substitua a entrada pelo resultado

Perguntas frequentes

Meu código é enviado a um servidor?

Não. A formatação roda localmente no navegador.

Quais linguagens são suportadas?

São suportadas linguagens Prettier compatíveis com navegador, como JavaScript, TypeScript, JSON, HTML, CSS, SCSS, Less, Markdown, MDX, YAML, GraphQL, Vue.

Como funciona a detecção automática?

A ferramenta usa primeiro a extensão do arquivo e depois sinais do conteúdo.

As preferências são salvas?

Sim. Modo, linguagem e opções ficam no localStorage deste navegador.

Restaurar padrões apaga o código?

Não. Apenas o modo de linguagem e as opções são redefinidos.

Sobre o formatador de código

Um ambiente local no navegador para formatação Prettier

Recursos

Como usar

Perguntas frequentes

Ferramentas relacionadas