Pular para o conteúdo principal
iotools.cloudiotools.cloud

Gerador de Configuração Biome

API reference

Gere um arquivo de configuração Biome (biome.json) — configurações do formatador (recuo, largura de linha, vírgulas finais), um preset de regra de linter (recomendado, rigoroso ou desligado), organização de importações e substituições por idioma para JavaScript/TypeScript, JSON e CSS.

Entrada

Formatador

Espaços por nível de recuo — só se aplica quando indentStyle é "space".

Linter

Opções de Saída

Saída

Configuração Gerada
Isso foi útil?

Mais formas de usar esta ferramenta

API REST

curl -X POST https://api.iotools.cloud/v1/tool/biome-config-generator \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "includeSchema": "true",
    "schemaVersion": "latest",
    "formatterEnabled": "true",
    "indentStyle": "tab",
    "indentWidth": "2",
    "lineWidth": "80",
    "lineEnding": "lf",
    "linterEnabled": "true",
    "linterPreset": "recommended",
    "organizeImports": "true",
    "quoteStyle": "double",
    "jsxQuoteStyle": "double",
    "quoteProperties": "asNeeded",
    "trailingCommas": "all",
    "semicolons": "always",
    "arrowParentheses": "always",
    "bracketSpacing": "true",
    "bracketSameLine": "",
    "jsonFormatterEnabled": "true",
    "cssFormatterEnabled": "",
    "cssQuoteStyle": "double",
    "vcsEnabled": "true",
    "vcsUseIgnoreFile": "true",
    "includeHeader": "true"
  }'

Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.

Peça a um agente de IA

Use the IOTools `biome-config-generator` tool (Biome Config Generator) on this input:

YOUR_INPUT_HERE

Cole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.

Widget para incorporar

<iframe
  src="https://iotools.cloud/embed/biome-config-generator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="Gerador de Configuração Biome — iotools.cloud"
  sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
  allow="clipboard-write"
  style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>

Coloque isso na sua própria página — grátis, sem chave, só um link de volta.

Custo por chamada de API/MCPA partir de 5 créditos
Precisa de mais créditos?Ver preços

Também disponível via

IntegraçõesExtensão de navegadorExtensão para VS Code

Guias

O Gerador de Configuração Biome constrói um arquivo de configuração biome.json pronto para usar a partir de um conjunto de alternâncias e caixas de seleção — sem necessidade de memorizar nomes de opções aninhadas do Biome ou escrever JSON manualmente. Escolha seu formatador, linter e configurações por idioma, depois copie ou baixe o arquivo diretamente para a raiz do seu projeto.

O que faz

Biome é um formatador e linter rápido e completo para JavaScript, TypeScript, JSON e CSS, mas seu biome.json tem muitas seções aninhadas — formatter, linter, assist e substituições por idioma javascript/json/css — que são fáceis de errar manualmente. Esta ferramenta monta uma configuração completa e válida para você. Cobre:

  • Configurações do formatador — indentStyle, indentWidth, lineWidth e lineEnding.
  • Preset de regra de linter — Recomendado (padrão equilibrado do Biome), Rigoroso (todas as regras, incluindo nursery/experimental) ou Desligado (apenas formatador).
  • Organização de importações — a alternância assist.actions.source.organizeImports que substitui a chave organizeImports autônoma antiga.
  • Formatação de JavaScript/TypeScript — quoteStyle, jsxQuoteStyle, quoteProperties, trailingCommas, semicolons, arrowParentheses, bracketSpacing e bracketSameLine.
  • Substituições de JSON e CSS — ativar/desativar formatação por idioma (a formatação CSS é opcional no Biome, desligada por padrão).
  • Integração VCS — conectar Biome ao seu .gitignore para que ele pule automaticamente os arquivos ignorados.
  • Inclusão de $schema — fixe em sua versão Biome instalada, ou deixe em "latest", para preenchimento automático e validação de IDE.

Como usar

  1. Alterne se deseja incluir o campo $schema e defina uma versão se quiser fixá-la em seu lançamento Biome instalado.
  2. Ajuste as configurações de formatador — estilo de recuo/largura, largura de linha e finais de linha.
  3. Escolha um preset de regra de linter.
  4. Defina seu estilo de aspas JavaScript/TypeScript, vírgulas finais, pontos e vírgulas e espaçamento de colchetes.
  5. Alterne a formatação JSON/CSS e integração VCS conforme necessário.
  6. Copie a configuração gerada ou baixe-a como biome.json e coloque-a na raiz do seu projeto.

A saída é atualizada instantaneamente quando você altera qualquer opção.

Devo fixar a versão do esquema ou usar "latest"?

"latest" sempre resolve para o esquema mais recente, o que é conveniente mas pode ficar à frente da versão CLI Biome realmente instalada em seu projeto — seu editor pode sugerir opções que sua versão instalada ainda não suporta. Fixá-lo em sua versão exata instalada (por exemplo "2.4.13") mantém a validação de IDE em sincronia com o que você está realmente executando.

Por que a formatação CSS está desligada por padrão?

Biome forneceu formatação CSS depois que o suporte JS/JSON amadureceu, e ainda é opcional para que projetos existentes não fiquem surpresos com uma reformatação repentina de suas folhas de estilo. Ative depois de confirmar que a saída corresponde às expectativas da sua equipe.

Isso substitui minha configuração Prettier/ESLint?

Apenas se você estiver migrando — Biome agrupa um formatador e linter que podem substituir ambos, mas não lê arquivos .prettierrc ou .eslintrc. Se você estiver se movendo de um deles, veja o Gerador de Configuração Prettier ou Gerador de Configuração ESLint para comparação, e os comandos de migração do próprio Biome para portar configurações existentes.

Privacidade

Este gerador é executado inteiramente em seu navegador. Suas seleções nunca são carregadas, registradas ou armazenadas — a configuração é montada localmente a partir das opções escolhidas e nada sai de seu dispositivo.

biomebiomejslinterformatterconfigjavascripttypescriptdeveloper tools

Ama as ferramentas? Livre-se dos anúncios.

Um único pagamento remove todos os anúncios da sua conta, para sempre. Sem assinatura, sem rastreamento.

Remover anúncios