O que é o Formatador de código?
Esta ferramenta usa o Prettier, formatador de código padrão do setor, para formatar automaticamente seu código de acordo com regras de estilo consistentes. O Prettier oferece suporte a JavaScript, TypeScript, HTML, Vue, CSS, SCSS, Less, JSON, YAML, Markdown e GraphQL. Ele substitui a formatação original e aplica um estilo consistente, facilitando a leitura e a manutenção da base de código.
Como usar este formatador de código
- 1Selecione a linguagem de programação no menu suspenso.
- 2Cole o código não formatado na área de entrada ou clique em Load Sample para testar um exemplo.
- 3Ajuste as opções de formatação: largura da tabulação, largura de impressão, ponto e vírgula e estilo de aspas.
- 4Clique em Format Code para formatar o código com o Prettier.
- 5Copie o resultado formatado usando o botão Copy.
Casos de uso comuns
Formatação rápida de código desorganizado
Cole códigos do Stack Overflow, de issues do GitHub ou de mensagens de chat e formate-os instantaneamente para facilitar a leitura.
Padronização do estilo de código
Mantenha a formatação consistente em toda a equipe usando a mesma configuração do Prettier.
Formatação de arquivos de configuração
Organize JSON, YAML e outros arquivos de configuração para facilitar a edição e a revisão.
Perguntas frequentes
Esta ferramenta envia meu código para um servidor?
Não. Toda a formatação é executada localmente no navegador com a versão standalone do Prettier. Seu código nunca sai do dispositivo.
Qual versão do Prettier é usada?
Esta ferramenta usa a versão mais recente do Prettier 3.x com todos os plugins oficiais de linguagens.
Quais linguagens e limitações de formatação são compatíveis?
A ferramenta aceita JavaScript, TypeScript, HTML, Vue, CSS, SCSS, Less, JSON, YAML, Markdown e GraphQL. O Prettier aplica suas próprias regras consistentes e não preserva necessariamente a formatação original.