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

Gerador de Configuração Biome

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

The Biome Config Generator builds a ready-to-use biome.json configuration file from a set of toggles and dropdowns — no need to memorize Biome's nested option names or hand-write valid JSON. Pick your formatter, linter, and per-language settings, then copy or download the file straight into your project root.

What it does

Biome is a fast, all-in-one formatter and linter for JavaScript, TypeScript, JSON, and CSS, but its biome.json has many nested sections — formatter, linter, assist, and per-language javascript/json/css overrides — that are easy to get wrong by hand. This tool assembles a complete, valid config for you. It covers:

  • Formatter settings — indentStyle, indentWidth, lineWidth, and lineEnding.
  • Linter rule preset — Recommended (Biome's balanced default), Strict (every rule, including nursery/experimental), or Off (formatter only).
  • Import organization — the assist.actions.source.organizeImports toggle that replaces the old standalone organizeImports key.
  • JavaScript/TypeScript formatting — quoteStyle, jsxQuoteStyle, quoteProperties, trailingCommas, semicolons, arrowParentheses, bracketSpacing, and bracketSameLine.
  • JSON and CSS overrides — enable/disable formatting per language (CSS formatting is opt-in in Biome, off by default).
  • VCS integration — hooking Biome into your .gitignore so it skips ignored files automatically.
  • $schema inclusion — pin it to your installed Biome version, or leave it at "latest", for IDE autocomplete and validation.

How to use it

  1. Toggle whether to include the $schema field, and set a version if you want it pinned to your installed Biome release.
  2. Adjust the formatter settings — indent style/width, line width, and line endings.
  3. Pick a linter rule preset.
  4. Set your JavaScript/TypeScript quote style, trailing commas, semicolons, and bracket spacing.
  5. Toggle JSON/CSS formatting and VCS integration as needed.
  6. Copy the generated config or download it as biome.json, and drop it into your project root.

The output updates instantly as you change any option.

Should I pin the schema version or use "latest"?

"latest" always resolves to the newest schema, which is convenient but can drift ahead of the Biome CLI version actually installed in your project — your editor might suggest options your installed version doesn't support yet. Pinning it to your exact installed version (e.g. "2.4.13") keeps IDE validation in sync with what you're actually running.

Why is CSS formatting off by default?

Biome shipped CSS formatting after JS/JSON support matured, and it's still opt-in so existing projects aren't surprised by a sudden reformat of their stylesheets. Turn it on once you've confirmed the output matches your team's expectations.

Does this replace my Prettier/ESLint config?

Only if you're migrating — Biome bundles a formatter and linter that can replace both, but it doesn't read .prettierrc or .eslintrc files. If you're moving from either, see the Prettier Config Generator or ESLint Config Generator for comparison, and Biome's own migration commands to port existing settings.

Privacy

This generator runs entirely in your browser. Your selections are never uploaded, logged, or stored — the configuration is assembled locally from the options you choose, and nothing leaves your device.

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