nicetool.dev logo

Formatador de código

Escolha a linguagem, cole o código e clique em Formatar ou Minificar. Os formatadores são carregados sob demanda e rodam no navegador.

Entrada · 159 B
Saída

Por que formatar e minificar código?

Formatar reescreve o código com recuo, quebras de linha e espaçamento consistentes para facilitar a leitura, a revisão e a comparação, o que ajuda com trechos minificados, SQL gerado ou arquivos de configuração copiados. Minificar faz o contrário: remove espaços e comentários (e, no JavaScript, também encurta nomes locais com o Terser) para reduzir o tamanho do download. A ferramenta usa o Prettier, o formatador que a maioria dos projetos JavaScript já usa, e o sql-formatter, que conhece a sintaxe de MySQL, PostgreSQL, SQL Server, Oracle PL/SQL, BigQuery e outros.

Recursos

  • • 11 linguagens: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown, GraphQL
  • • 13 dialetos SQL com opções de caixa das palavras-chave
  • • Minifique JS (Terser), CSS, HTML, JSON e SQL vendo a economia
  • • Recuo ou tabs, largura da linha, aspas e ponto e vírgula
  • • Copie ou baixe o resultado, com erros de sintaxe claros

Seu código fica no seu computador

A formatação e a minificação acontecem totalmente no navegador, então chaves de API, consultas internas ou código proprietário que você colar nunca são enviados.

Prettier + sql-formatter, 100% no cliente.

Como usar: Formatador de código

  1. 1

    Escolha a aba da linguagem: JavaScript, TypeScript, JSON, CSS, SCSS, Less, HTML, SQL, YAML, Markdown ou GraphQL. Clique em Exemplo para carregar um código de amostra.

  2. 2

    Cole o código e ajuste as opções: recuo ou tabs, largura da linha, aspas e ponto e vírgula, ou para SQL o dialeto e a caixa das palavras-chave.

  3. 3

    Clique em Formatar para embelezar o código com Prettier ou sql-formatter, ou em Minificar para reduzir JavaScript, CSS, HTML, JSON ou SQL. A economia aparece acima da saída.

  4. 4

    Copie o resultado ou baixe como arquivo. Se houver erro de sintaxe, a mensagem mostra a linha e a coluna.

Exemplos práticos

Ler código minificado

Um script de terceiros ou um arquivo empacotado fica numa linha só. Formate para enxergar a estrutura e achar a função que precisa depurar.

Organizar SQL de logs

ORMs registram consultas numa única linha. Formatar com o dialeto PostgreSQL ou MySQL separa SELECT, JOIN e WHERE, facilitando a revisão e a otimização.

Estilo consistente antes do commit

Formatar com as mesmas regras de Prettier do projeto (2 espaços, 80 colunas, aspas duplas) mantém os diffs pequenos ao colar código de um chat.

Minificação rápida

Minifique um script ou folha de estilos pequena para template de e-mail, campo de CMS ou <script> inline sem configurar ferramenta de build.

Perguntas frequentes

Formatar muda o funcionamento do código?+

Não. Formatadores só mudam espaços, quebras de linha e, se você escolher, aspas e pontos e vírgulas opcionais. O Terser também renomeia variáveis locais ao minificar, mas o comportamento é o mesmo.

Por que Minificar fica desativado em algumas linguagens?+

Minificar YAML, Markdown, TypeScript ou GraphQL raramente ajuda ou mudaria o significado (YAML depende do recuo). TypeScript normalmente é compilado para JavaScript e só depois minificado.

Qual dialeto SQL escolher?+

O do seu banco. Os dialetos diferem em aspas, funções e palavras-chave, como as crases do MySQL ou os casts :: do PostgreSQL, e o dialeto certo evita erros.

Meu código é enviado a um servidor?+

Não. Prettier, sql-formatter e Terser rodam no navegador e só são carregados quando você clica, então código proprietário e credenciais ficam no seu dispositivo.