XunLFaça seu trabalho internacional avançar
Português
中文EnglishEspañolDeutschPortuguêsРусский
Minhas ferramentas

FORMATADOR DE JAVASCRIPT / PRETTIER

Formatador de JavaScript

O mesmo resultado do Prettier no VS Code, direto no navegador.

Roda localmente · o código não é enviado
Opções

SEU PRÓXIMO PASSO

Conecte ferramentas úteis ao fluxo de trabalho da sua empresa

Crie uma conta empresarial para configurar monitoramento de sites, e-mail comercial e notificações e convide sua equipe para trabalhar junto.

Criar conta empresarialConhecer o ProFale conosco

Empresas novas recebem um teste Pro de 14 dias, sem cartão. Os testes não incluem a concessão mensal paga de créditos.

Já tem uma conta? Abra seu espaço de trabalho →

Como usar

  1. Cole o código, solte um arquivo ou carregue o exemplo; a linguagem já vem definida para esta página e pode ser alterada.
  2. Escolha formatar ou minificar e ajuste indentação, largura e outras opções; o resultado aparece à direita enquanto você digita.
  3. Copie ou baixe o resultado; em caso de erro, use "Ir para o erro", corrija e execute novamente.

Opções de estilo de código

Convenções comuns
OpçõesRecomendação
Indentação2 espaços (comum no front-end) / 4 espaços / tabulação
Largura da linhaQuebrar em 80; 100 ou 120 para telas largas
AspasDuplas (padrão do Prettier) ou simples
Ponto e vírgulaAtivado por padrão para evitar surpresas de ASI
Vírgulas finaisAdicionadas em listas de várias linhas para diffs mais limpos

Linguagens e mecanismos

A formatação usa os mesmos mecanismos de código aberto de editores populares, então os resultados coincidem com o Prettier no VS Code e sua equipe pode manter um único estilo. Todos os mecanismos são carregados deste site e rodam no seu navegador.

Idioma
IdiomaFormatoComprimir
HTMLPrettier 3✓ comentários e espaços
XMLMecanismo XML do XunL✓
CSS / SCSS / LessPrettier 3✓ reestruturação CSSO
JavaScript / TypeScriptPrettier 3 (Babel)✓ Terser (apenas JavaScript)
JSONPrettier 3✓ números grandes mantêm a precisão
YAMLPrettier 3— (comentários mantidos)
SQLsql-formatter (14 dialetos)—

Perguntas frequentes

Ele consegue desminificar JavaScript?

Ele restaura a indentação e as quebras de linha para que o código fique legível de novo, mas nomes de variáveis encurtados como a, b e c não podem ser recuperados.

Ele suporta TypeScript e JSX?

Sim. Escolha TypeScript para anotações de tipo e interfaces; o JSX funciona em JavaScript.

Meu código é enviado?

Não. Os mecanismos são baixados deste site e rodam no seu navegador; seu código nunca passa pelos nossos servidores nem por terceiros, então é seguro para código e configurações internas.

Qual o tamanho máximo dos arquivos?

Até 5 MB por arquivo; acima de 300 KB a página espera o botão em vez de formatar enquanto você digita, para manter o navegador responsivo.

guia prático do formatador de JavaScript e perguntas frequentes

O que faz um formatador de JavaScript?

O Prettier 3 (analisador Babel) reimprime o código: quebra na largura de linha e unifica aspas, ponto e vírgula e vírgulas finais; o TypeScript usa babel-ts e o JSX funciona diretamente.

Para quem é e quando é útil?

Desenvolvedores front-end, profissionais de marketing que escrevem scripts e engenheiros que inspecionam código de terceiros e precisam ler JS minificado ou manter um único estilo na equipe.

Como uso este formatador de JavaScript?

Cole JavaScript, JSX ou TypeScript e o Prettier formata com suas configurações de indentação, largura, aspas, ponto e vírgula e vírgulas finais, apontando erros de sintaxe por linha e coluna.

Como devo interpretar os resultados?

O Prettier reformata o arquivo inteiro, mantendo comentários, mas não as suas quebras de linha originais; nomes de variáveis encurtados não podem ser restaurados.

Onde o trabalho é feito e quais serviços recebem dados?

O JavaScript é analisado e reimpresso, nunca executado nem enviado.