Ir para o conteúdo
Utilizy

Formatador de Código

Organize JS, TS, CSS, HTML e JSON

Funciona no seu navegador

Entrada

Opções

Resultado

Resultado

Nada formatado ainda

Cole um código e clique em formatar — o resultado aparece aqui.

Segue as regras padrão do Prettier. Seu código nunca é enviado.

Código minificado, código colado de uma conversa, código de um colega que indenta de outro jeito — tudo isso fica legível depois de uma passada pelo formatador. Aqui o Prettier roda localmente na página.

Como usar

  1. 1 Cole o seu código.
  2. 2 Escolha a linguagem.
  3. 3 Ajuste indentação, largura de linha e estilo de aspas se precisar.
  4. 4 Clique em formatar e copie o resultado.

Perguntas frequentes

Por que ele se recusa a formatar o meu código?

Formatar exige interpretar, e interpretar exige sintaxe válida. Uma chave faltando ou uma string não fechada trava tudo — a mensagem de erro aponta a posição, o que costuma ser mais rápido do que procurar no olho.

Ele consegue formatar código minificado?

Sim, e a estrutura volta perfeitamente. O que não volta são os nomes: minificadores renomeiam variáveis para uma letra só, e nenhum formatador recupera os originais.

Meu código é enviado para algum lugar?

Não. O Prettier é carregado na página e roda no seu navegador, então código proprietário fica na sua máquina.

Combina bem com