Como funciona
Reindenta e organiza código JavaScript ou TypeScript minificado, comprimido ou mal alinhado para deixá-lo legível e consistente. Útil para inspecionar um bundle, revisar um snippet alheio ou normalizar o estilo antes de colá-lo no seu projeto.
Você pode escolher o tipo de indentação (espaços ou tabulações), o tamanho do recuo e o fim de linha (LF ou CRLF). O formatador respeita a estrutura do código e adiciona quebras de linha e recuos coerentes sem mudar a lógica.
Todo o processamento ocorre no seu navegador com o js-beautify: o código não é enviado a nenhum servidor. Formata apenas o aspecto visual; não minifica, não transpila nem valida a sintaxe em profundidade.
Exemplos
function sum(a,b){return a+b}
const r=sum(1,2);console.log(r)function sum(a, b) {
return a + b
}
const r = sum(1, 2);
console.log(r);Com recuo de 4 espaços: as instruções são separadas e as chaves ficam alinhadas.Casos de uso
- Tornar legível um arquivo .js minificado para entender o que ele faz.
- Unificar o estilo de indentação de um fragmento antes de adicioná-lo ao projeto.
- Revisar e comparar código de terceiros com um formato consistente.
- Limpar TypeScript colado de documentação ou respostas de uma IA.
Perguntas frequentes
Funciona com TypeScript além de JavaScript?
Sim. A ferramenta formata a sintaxe de JavaScript e TypeScript, incluindo anotações de tipos, interfaces e genéricos. Não transpila TypeScript para JavaScript: apenas reorganiza o texto.
Formatar muda o comportamento do código?
Não. Só modifica espaços, recuos e quebras de linha. A lógica e os identificadores ficam intactos; o código executa exatamente como antes.
É o mesmo que minificar?
Não, é o contrário. Formatar adiciona espaços e quebras para torná-lo legível; minificar os remove para reduzir o tamanho. Se quiser comprimir, use a ferramenta de minificação.
Meu código é enviado a um servidor?
Não. A formatação ocorre inteiramente no seu navegador; o código nunca sai do seu computador.