Formatador de Código Prettier

Formate JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL e arquivos relacionados com o Prettier diretamente no navegador.

Código-fonte
Cole arquivos JavaScript, TypeScript, JSON, HTML, CSS, Markdown, YAML, GraphQL ou relacionados e formate-os no navegador com o Prettier.
Saída formatada
A prévia usa o parser do Prettier selecionado e as opções abaixo.
Formatando o código...
Opções de formatação
Escolha o parser e as regras de estilo sem editar o código manualmente.
Indentação
Estilo

O Que É o Formatador de Código Prettier?

O Formatador de Código Prettier executa o pipeline oficial standalone do Prettier diretamente no navegador, para que você possa normalizar arquivos-fonte sem enviar o código para um servidor. Ele é útil quando você precisa de uma passagem rápida de formatação, quer comparar diferentes configurações de largura de linha ou precisa de um arquivo limpo para copiar ou baixar imediatamente.

Formatos Suportados

Este rewrite mantém a ferramenta focada nos formatos que o Prettier já lida bem no navegador: JavaScript, JSX, TypeScript, TSX, Flow, variantes de JSON, HTML, XML, CSS, PostCSS, SCSS, Less, Markdown, MDX, YAML, GraphQL e formatos de template como Angular, Vue, Svelte, LWC, MJML e Handlebars. O seletor de idioma controla qual parser é executado, e a importação de arquivo detecta automaticamente o parser quando a extensão é reconhecida.

Como Este Rewrite Funciona

O rewrite mantém a lógica pesada de formatação fora do caminho principal da UI. As solicitações de formatação são montadas a partir de configuração pura da ferramenta e então executadas por um pipeline Prettier carregado sob demanda e com worker, para que a digitação normal continue responsiva. Entradas grandes pausam a formatação automática e trocam para a ação explícita Formatar agora, o que é mais previsível do que tentar reformatar um arquivo grande a cada tecla.