痛点：工具链碎片化#

前端项目的工具链通常是这样的：

• ESLint：代码检查
• Prettier：代码格式化
• stylelint：样式检查

三个工具，三套配置，三种运行方式。更麻烦的是，ESLint 和 Prettier 之间经常产生规则冲突，你需要额外安装 eslint-config-prettier 来协调。

有没有一个工具能统一这些功能？Biome 就是为此而生的。

Biome 是什么#

Biome 是一个用 Rust 编写的高性能前端工具链，它同时提供了：

• Linter：代码质量检查
• Formatter：代码格式化
• Import Sorter：导入语句排序

一个工具，一套配置，一次安装。

性能对比#

Biome 最直观的优势是快。官方基准测试显示：

快了将近 30-40 倍。在 CI/CD 中，这意味着更短的等待时间和更低的计算成本。

快速上手#

安装非常简单：

1
npm install --save-dev @biomejs/biome

初始化配置：

1
npx biome init

这会生成一个 biome.json 文件（以下为 Biome 2.x 的配置格式）：

1
{
2
  "$schema": "https://biomejs.dev/schemas/2.2.0/schema.json",
3
  "formatter": {
4
    "enabled": true,
5
    "indentStyle": "space",
6
    "indentWidth": 2
7
  },
8
  "linter": {
9
    "enabled": true,
10
    "rules": {
11
      "recommended": true
12
    }
13
  },
14
  "assist": {
15
    "actions": {
16
      "source": {
17
        "organizeImports": "on"
18
      }
19
    }
20
  }
21
}

注意：从 Biome 2.x 开始，导入排序（organize imports）被归到了 assist 命名空间下，不再使用早期 1.x 里顶层的 organizeImports.enabled。如果你手上有老的 1.x 配置，运行 biome migrate 就能自动升级到最新 schema。

在 package.json 中添加脚本：

1
{
2
  "scripts": {
3
    "lint": "biome check src/",
4
    "format": "biome format --write src/"
5
  }
6
}

与现有工具对比#

编辑器集成#

Biome 提供了 VS Code 和 JetBrains 系列 IDE 的官方插件。安装后，保存时自动格式化，体验与 Prettier 一致。

总结#

如果你的项目不需要 ESLint 生态中那些复杂的插件，Biome 是一个非常好的替代方案。它更快、更简单、配置更少，而且还在快速迭代中。

工具链的简化不仅仅是少装几个包的问题——它降低了维护成本，减少了团队成员之间的配置争论，让大家都把精力集中在真正重要的事情上：写好代码。