Escolha a linguagem e aplique a formatação do Prettier. Compare ou copie o resultado; a ferramenta não executa o código.
Funciona localmente no seu navegadorO editor avançado é carregado somente nesta página. Se não puder iniciar, o mesmo formatador local continuará disponível no campo alternativo.
A formatação altera espaços em branco e layout; mantenha sempre uma cópia do projeto antes de aplicar transformações amplas ao código.
A área de trabalho formata oito linguagens —JavaScript, TypeScript, JSON, CSS, HTML, Markdown, YAML e GraphQL— com o Prettier 3.9.6 rodando dentro da página. Escolha a linguagem, coloque o código no painel esquerdo e pressione Formatar código; o painel direito mostra o resultado.
O editor avançado é o Monaco 0.56.0, carregado deste site depois da página: o painel de texto simples funciona imediatamente e continua funcionando se o editor não iniciar. Somando os dois, a página serve cerca de 1,8 MB de arquivos de editor e formatador a partir de voritools.com, e nada do que você cola é enviado a lugar algum.
JavaScript e TypeScript passam pelos analisadores Babel e TypeScript, então JSX e sintaxe de tipos são preservados e genéricos como <T,> continuam funcionando. JSON, CSS, HTML, Markdown, YAML e GraphQL têm analisador próprio: tags HTML não fechadas são fechadas, por exemplo, e uma regra CSS minificada é impressa com uma declaração por linha. Todas as linguagens têm um exemplo em Carregar exemplo.
Não há painel de opções, então valem os padrões do Prettier: recuo de dois espaços, aspas duplas e ponto e vírgula em JavaScript e TypeScript, vírgulas finais em construções multilinha e largura de impressão de 80 colunas. A página só altera espaços e layout; ela não executa o código, não instala dependências nem lê o .prettierrc do projeto, então o resultado pode ser diferente do que um script do projeto com opções próprias produz.
A visão JSON é o analisador JSON do Prettier, não um validador estrito da RFC 8259. Medido nesta página: um documento com strings entre aspas simples, chaves sem aspas, vírgula final, comentário //, número hexadecimal ou Infinity formata sem erro. Aspas simples, chaves sem aspas e vírgulas finais são reescritas na saída; comentários, 0x10 e Infinity passam intactos.
Por isso um documento pode formatar aqui sem problemas e ser recusado em outro lugar: {"a":1} // note e {"a":Infinity} voltam com o comentário e o valor Infinity intactos. Antes de levar o resultado para uma API, um arquivo de configuração ou outra linguagem, confira na página Formatador JSON, que recusa comentários e vírgulas finais.
O Prettier e o editor são servidos por este site, e a formatação acontece no navegador: a página não envia o código nem o resultado a lugar algum e continua funcionando quando a rede cai. Se o editor não iniciar, o mesmo formatador continua disponível no painel de texto simples.
Como o trabalho acontece na aba, arquivos grandes ficam limitados pela memória do aparelho: um arquivo JavaScript de 112 KB foi formatado aqui em cerca de 0,2 segundo, enquanto um de muitos megabytes pode travar a aba. Mantenha o arquivo sob controle de versão antes de substituí-lo pela saída: o formatador reescreve a sintaxe como o Prettier a imprime, não como ela foi escrita.