Como usar
- Cole seu código ou clique em Carregar exemplo para testar.
- Escolha JavaScript, TypeScript ou JSON e defina a indentação, a largura da linha, o ponto e vírgula e o tipo de aspas.
- Clique em Formatar ou pressione Ctrl+Enter (⌘+Enter no Mac).
- Copie o código formatado.
Opções explicadas
- Indentação
- 2 espaços é o padrão do Prettier e o estilo mais comum em projetos JavaScript. Tab indenta com caracteres de tabulação.
- Largura da linha
- O Prettier quebra as expressões que passariam desse número de caracteres. O padrão é 80.
- Ponto e vírgula
- Desative para omitir o ponto e vírgula no fim das instruções. O Prettier ainda o adiciona onde omiti-lo mudaria o significado.
- Aspas simples
- Usa aspas 'simples' em vez de "duplas" nas strings, a menos que isso exija mais escapes.
Exemplos
Bundle minificado. Cole um trecho minificado de uma linha só para entender o que ele faz — a formatação restaura a indentação e as quebras de linha, embora os nomes curtos de variáveis continuem curtos.
Estilo da equipe. Reproduza as configurações do Prettier do seu projeto, por exemplo indentação de 4 espaços, sem ponto e vírgula e com aspas simples.
Perguntas frequentes
Funciona com JSX e sintaxe moderna?
Sim. O modo JavaScript usa o parser do Babel, que entende JSX, optional chaining, campos de classe, top-level await e outras sintaxes atuais.
Por que aparece um erro de sintaxe?
O Prettier precisa analisar o código antes de formatá-lo, então ele para em código que não é JavaScript válido. A mensagem mostra a linha e a coluna a verificar.
O código formatado vai se comportar da mesma forma?
Sim. O Prettier só altera espaços, quebras de linha, aspas, parênteses e ponto e vírgula de maneiras que mantêm o significado do código.
Meu código é enviado para algum servidor?
Não. O Prettier roda no seu navegador, então seu código fica no seu dispositivo.
Privacidade
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos e textos são processados no seu dispositivo e nunca são enviados aos nossos servidores.