FERRAMENTAS DE DESENVOLVIMENTO

JavaScript Embelezador

Formate JavaScript bagunçado com Prettier em seu navegador. Escolha analisador, largura, recuo, aspas, ponto e vírgula, vírgulas finais e manipulação de código incorporado.

Formatador JavaScript

A saída é atualizada automaticamente com Prettier conforme você digita, cola, carrega um arquivo ou altera opções. A formatação é executada neste navegador. Opções

Prettier
Formato atual

-

Bytes de saída
Bytes de entrada
0
Bytes adicionados
0
Linhas de entrada
0
Linhas de saída
0

Cole JavaScript válido para ver a saída formatada automaticamente.

Salvo neste dispositivo

Os resultados recentes do embelezamento permanecem apenas neste navegador.

No data
Nenhum resultado de embelezamento salvo ainda.

Como embelezar JavaScript com segurança

O que este formatador faz

Formatação Prettier

Esta ferramenta usa Prettier no navegador, portanto, os trechos colados correspondem às mesmas regras de formatação que muitos projetos usam.

Opções reais de Prettier

Use analisador, largura de impressão, tabulações, ponto e vírgula, aspas, vírgulas finais e opções de colchetes do próprio Prettier.

Plug-ins locais do navegador

Os plug-ins do analisador JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown e YAML são agrupados localmente para formatação do navegador.

Erros comuns

Escolhendo o analisador errado

Se TypeScript ou TSX falhar com o analisador JavaScript, alterne o analisador para TypeScript / TSX.

Esperando estilos de chaves personalizados

Prettier é teimoso. Ele não expõe todas as opções de estilo de colchetes ou espaços em branco.

Usando-o como verificador de tipo

Prettier analisa e imprime código. Ele não verifica o código nem substitui a construção do seu projeto.

Dicas

Cole primeiro

Cole o código ou altere uma opção e a saída será atualizada automaticamente com as configurações atuais do Prettier.

Combine com seu projeto

Use as mesmas opções de largura de impressão, tabulações, ponto e vírgula, aspas e vírgula final que seu projeto usa.

Salve trechos úteis

Salve um resultado quando quiser comparar opções ou reutilizar o mesmo trecho posteriormente neste navegador.