Formatador de JavaScript

Formate JavaScript, JSX, TypeScript e TSX sem executar o código.

Frontend e design
Preparando seu ambiente de trabalho…
Entrada
Saída
Seu resultado aparecerá aqui.

Como usar

  1. Cole texto, abra um arquivo UTF-8 ou teste o exemplo.
  2. Escolha entrada e opções, execute a ferramenta ou ative a execução automática.
  3. Revise, copie ou baixe o resultado. Alterar a entrada invalida o resultado anterior.

Formatador de JavaScript

Formate JavaScript, JSX, TypeScript e TSX sem executar o código.

O processamento ocorre no navegador. Sua entrada não é enviada ao DevToolsy.

Como funciona

Prettier analisa e formata o código com espaços e indentação consistentes. Selecione JavaScript / JSX ou TypeScript / TSX. Erros indicam a posição no código.

Antes e depois
Entrada
const users=[{name:"Ada",active:true},{name:"Lin",active:false}];function activeNames(items){return items.filter(user=>user.active).map(user=>user.name)}
Saída
const users = [
  { name: "Ada", active: true },
  { name: "Lin", active: false },
];
function activeNames(items) {
  return items.filter((user) => user.active).map((user) => user.name);
}

Formate JavaScript, JSX, TypeScript e TSX sem executar o código.

Opções e fidelidade dos dados

Ajuste indentação, largura, aspas e ponto e vírgula. Não é compilador, linter ou minificador. Não executa código nem resolve imports.

Trabalhando com o resultado

Formatação bem-sucedida só indica sintaxe aceita. Use compilador, linter e testes do projeto para tipos, imports e comportamento.

Revise, copie ou baixe o resultado. Alterar a entrada invalida o resultado anterior.

Limites de processamento

Entrada UTF-8 de até 1 MiB por documento, saída de até 8 MiB. JSONPath e Schema: 5 segundos; outras ferramentas: 30 segundos.

Leitura complementarPrettier options
?

Perguntas frequentes

Quais entradas são aceitas?

Prettier analisa e formata o código com espaços e indentação consistentes. Selecione JavaScript / JSX ou TypeScript / TSX. Erros indicam a posição no código.

Posso escolher aspas e ponto e vírgula?

Ajuste indentação, largura, aspas e ponto e vírgula. Não é compilador, linter ou minificador. Não executa código nem resolve imports.

Verifica tipos ou corrige a lógica?

Não. Formatação bem-sucedida só indica sintaxe aceita. Use compilador, linter e testes do projeto para tipos, imports e comportamento.

Minha entrada é enviada?

O processamento ocorre no navegador. Sua entrada não é enviada ao DevToolsy.

Posso abrir um arquivo local?

Entrada UTF-8 de até 1 MiB · saída de até 8 MiB

Encontre sua próxima ferramenta

Idioma

Mudar de idioma? Os dados atuais serão apagados. Copie ou baixe seu trabalho primeiro.