Sobre o Prettier Config
Uma ferramenta gratuita e open source para ajudar desenvolvedores a configurar o Prettier sem complicações.
O que é esta ferramenta?
Prettier Config Generator é uma aplicação web interativa que torna a configuração do Prettier simples. Em vez de escrever JSON manualmente e consultar cada opção na documentação, você pode alternar e ajustar visualmente cada configuração do Prettier, formatar código real contra a sua configuração em 16 linguagens e compartilhar o resultado com um único link. Foi feito para quem prefere passar o tempo escrevendo código em vez de configurar ferramentas.
Recursos
Importe Sua Configuração Existente
Cole um .prettierrc, prettier.config.js ou a chave prettier do package.json existente — o formulário se preenche para corresponder. Ajuste, compartilhe ou copie, com todas as chaves preservadas.
Todas as Versões do Prettier
Escolha qualquer release do Prettier 3.x (3.0 – 3.6 e latest). As opções exatas daquela versão são carregadas sob demanda pelo jsDelivr.
Todas as Linguagens, Ambas as Abas
O Preview vem com uma amostra feita sob medida para cada parser (TS, CSS, HTML, JSON/JSON5/JSONC, Markdown, YAML, Vue, GraphQL e mais) para que cada opção do Prettier tenha onde mostrar seu efeito. Seu Código detecta o parser automaticamente a partir do que você cola, com substituição manual.
Editor de Código Real
O painel de entrada usa CodeMirror 6 com realce de sintaxe, números de linha, recuo por tab e um tema que acompanha o modo claro/escuro.
Configurações Compartilháveis
Clique em Compartilhar e sua versão, opções, código e parser são empacotados no hash da URL. Envie para qualquer lugar; tudo permanece no navegador.
Diff no Estilo do GitHub
Veja exatamente o que o Prettier muda com um diff unificado ou dividido, mais um cabeçalho de resumo +X / −Y igualzinho ao de um pull request.
Contador de Tokens de IA
Contagem ao vivo de tokens da entrada e saída em GPT-4o, GPT-4, GPT-3.5, Claude, Gemini, Llama 3 e Mistral — útil para estimar custos de pipelines de IA.
Erros de Parse Expostos
Quando o Prettier rejeita sua entrada, o SyntaxError exato e sua linha:coluna aparecem acima do diff em vez de serem engolidos silenciosamente.
Seleções Persistentes
Sua versão do Prettier e suas escolhas de opções são salvas no localStorage, então um recarregamento — ou voltar amanhã — mantém tudo intacto.
20 Idiomas
Totalmente localizado em inglês, tailandês, chinês, espanhol, hindi, alemão, francês, português, japonês, coreano, russo, vietnamita, indonésio, italiano, polonês, turco, ucraniano, bengali, além de árabe e persa (RTL).
Construído com
Código Aberto
Esta ferramenta é completamente gratuita e open source. Contribuições, relatórios de bugs e sugestões são sempre bem-vindos.
Ver no GitHubCriador
Criado por
NooobtimeXConstruído com carinho para a comunidade de desenvolvedores. Se achar útil, considere dar uma estrela ao repositório no GitHub.