跳到主要内容
iotools.cloudiotools.cloud

Biome 配置生成器

API reference

生成 Biome 配置文件 (biome.json) — 格式化程序设置(缩进、行宽、尾随逗号)、linter 规则预设(推荐、严格或关闭)、导入组织以及 JavaScript/TypeScript、JSON 和 CSS 的按语言覆盖。

输入

格式化程序

每个缩进级别的空格数 — 仅当 indentStyle 为 "space" 时适用。

Linter

输出选项

输出

生成的配置
这对您有帮助吗？

使用此工具的更多方式

REST API

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"
  }'

替换成您账户中的密钥。工具的字段即为请求体——没有额外包装。

让 AI 代理执行

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

YOUR_INPUT_HERE

将此粘贴给任何已连接 IOTools MCP 服务器的代理,再加上您的输入内容。

嵌入式小组件

<iframe
  src="https://iotools.cloud/embed/biome-config-generator/"
  width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
  title="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>

把它放到您自己的页面上——免费,无需密钥,只需保留一个反向链接。

每次 API/MCP 调用费用5 积分起
需要更多积分?查看定价

也可通过

集成浏览器扩展VS Code 扩展

使用指南

Biome 配置生成器从一组切换和下拉列表构建可立即使用的 biome.json 配置文件 — 无需记住 Biome 的嵌套选项名称或手工编写 JSON。选择您的格式化程序、linter 和按语言设置,然后将文件复制或直接下载到您的项目根目录。

它的作用

Biome 是一个快速、功能完全的 JavaScript、TypeScript、JSON 和 CSS 格式化程序和 linter,但它的 biome.json 有许多嵌套部分 — formatter、linter、assist 和按语言的 javascript/json/css 覆盖 — 很容易手工配置错误。这个工具为您组装一个完整、有效的配置。它涵盖:

  • 格式化程序设置 — indentStyle、indentWidth、lineWidth 和 lineEnding。
  • Linter 规则预设 — 推荐(Biome 的平衡默认值)、严格(所有规则,包括 nursery/experimental)或关闭(仅格式化程序)。
  • 导入组织 — assist.actions.source.organizeImports 切换,替代旧的独立 organizeImports 键。
  • JavaScript/TypeScript 格式化 — quoteStyle、jsxQuoteStyle、quoteProperties、trailingCommas、semicolons、arrowParentheses、bracketSpacing 和 bracketSameLine。
  • JSON 和 CSS 覆盖 — 按语言启用/禁用格式化(CSS 格式化在 Biome 中是可选的,默认关闭)。
  • VCS 集成 — 将 Biome 连接到您的 .gitignore,以便它自动跳过忽略的文件。
  • $schema 包含 — 将其固定到已安装的 Biome 版本,或保持为 "latest",以获得 IDE 自动完成和验证。

如何使用

  1. 切换是否包含 $schema 字段,如果要固定到已安装的 Biome 发行版,请设置版本。
  2. 调整 格式化程序 设置 — 缩进样式/宽度、行宽和行尾。
  3. 选择一个 linter 规则预设。
  4. 设置您的 JavaScript/TypeScript 引号样式、尾随逗号、分号和括号间距。
  5. 根据需要切换 JSON/CSS 格式化和 VCS 集成。
  6. 复制生成的配置或将其下载为 biome.json,然后将其放入项目根目录。

当您更改任何选项时,输出会立即更新。

我应该固定架构版本还是使用 "latest"?

"latest" 总是解析为最新架构,这很方便,但可能会超前于您的项目中实际安装的 Biome CLI 版本 — 您的编辑器可能会建议您已安装的版本尚不支持的选项。将其固定到您的确切已安装版本(例如 "2.4.13")可以使 IDE 验证与您实际运行的内容保持同步。

为什么 CSS 格式化默认关闭?

Biome 在 JS/JSON 支持成熟后才提供 CSS 格式化,它仍然是可选的,以便现有项目不会因为突然重新格式化其样式表而感到惊讶。在确认输出符合您团队的期望后将其打开。

这会替代我的 Prettier/ESLint 配置吗?

仅当您要迁移时。Biome 捆绑了可以替代两者的格式化程序和 linter,但它不读取 .prettierrc 或 .eslintrc 文件。如果您要从其中一个迁移,请参阅 Prettier 配置生成器 或 ESLint 配置生成器 进行比较,以及 Biome 自己的迁移命令来移植现有设置。

隐私

此生成器完全在您的浏览器中运行。您的选择永远不会上传、记录或存储 — 配置是从您选择的选项在本地组装的,任何内容都不会离开您的设备。

biomebiomejslinterformatterconfigjavascripttypescriptdeveloper tools

喜欢这些工具？去掉广告吧。

一次性付款即可永久移除您账户中的所有广告。无需订阅，不追踪。

移除广告