GitHub 热榜GitHub Trending · 周·21 小时前

Biome：用 Rust 打造的高性能 Web 项目工具链

原标题：biomejs/biome

Rust★ 25,101 stars+137 本周

速览

Biome 是一个旨在替代 ESLint 和 Prettier 的现代化 Web 工具链，由 Rust 编写以提供卓越性能。它同时集成了代码格式化器和 Linter，支持通过 CLI 命令行和 LSP 语言服务器协议使用，适用于追求高效开发体验的前端项目。

AI 深度解读

这是什么

Biome 是一个基于 Rust 构建的高性能 Web 项目工具链（Toolchain），旨在为开发者提供维护项目健康所需的各类工具。它由前 Rome 项目的核心成员创建，旨在解决 Rome 项目停更后社区对统一、快速且可靠的代码格式化和静态分析工具的需求。

Biome 的核心定位是 JavaScript、TypeScript、JSX、JSON、CSS 和 GraphQL 的一站式处理引擎。它不仅仅是一个简单的格式化器或 Linter，而是一个集成了代码检查、格式化、修复以及语言服务器协议（LSP）支持的统一平台。其设计初衷是为了在现代 Web 开发中提供极致的性能和良好的开发者体验（DX）。

解决的问题

在现代前端开发中，开发者通常需要在多个独立工具之间切换，例如使用 Prettier 进行格式化，使用 ESLint 进行代码规范检查，使用 Stylelint 检查 CSS，以及配置 TypeScript 编译器。这种碎片化的工具链带来了以下痛点：

性能瓶颈：随着项目规模扩大，Node.js 生态下的工具链（如 ESLint + Prettier）往往因 I/O 操作多、解析慢而变得迟缓，严重影响开发体验和 CI/CD 速度。
配置复杂：不同工具之间缺乏原生协作，配置项繁多且容易冲突，维护成本高。
体验割裂：格式化、Linting 和类型检查通常是分离的步骤，难以在编辑器中实现无缝的实时反馈。
依赖负担：传统工具链强依赖 Node.js 环境，增加了安装体积和环境配置的复杂性。

Biome 通过单一的二进制文件解决了上述问题，提供了一个无需 Node.js 依赖、配置极简且速度极快的替代方案。

核心功能

Biome 将多种功能整合在一个 CLI 和编辑器扩展中，主要包含以下核心模块：

高性能格式化器 (Formatter)
- 支持 JavaScript、TypeScript、JSX、JSON、CSS 和 GraphQL。
- 提供与 Prettier 97% 的兼容性，同时保持更快的处理速度。
- 支持 --write 参数直接修改文件，或 --check 仅检查不修改。
智能 Linter (Linter)
- 内置超过 500 条规则，源自 ESLint、typescript-eslint 以及其他最佳实践来源。
- 提供详细且上下文相关的诊断信息（Diagnostics），帮助开发者理解错误原因并改进代码。
- 支持自动修复（Safe Fixes），通过 lint --write 自动应用安全的代码修正。
统一检查 (Check)
- biome check 命令可以同时运行格式化和 Lint 检查，并应用安全修复，简化了工作流。
- biome ci 命令专为 CI 环境设计，用于全面检查所有文件是否符合格式和 Lint 标准。
语言服务器协议 (LSP) 支持
- 提供一流的编辑器集成支持，可在 VS Code 等编辑器中实现实时格式化、Lint 警告和代码操作。
- 拥有高保真度的解析器，能够完整保留源代码文本信息，并具备强大的错误恢复能力，即使在代码存在语法错误的情况下也能提供部分诊断信息。
无需 Node.js 运行
- Biome 是编译为原生二进制文件的 Rust 应用，不依赖 Node.js 运行时，减少了环境依赖和安装体积。

亮点 / 与同类相比

关键优势总结：

速度优势：得益于 Rust 的内存安全和并发处理能力，Biome 在处理大型项目时速度远超 Node.js 生态工具。
极简主义：Biome 强调“Sane defaults”（合理的默认值），大多数情况下无需编写配置文件即可使用，降低了上手门槛。
统一架构：通过共享基础解析器和 AST，Biome 实现了格式化、Lint 和 LSP 之间的高效协作，避免了数据重复解析和转换的开销。
WebAssembly 支持：提供在线 Playground，编译为 WebAssembly，允许用户在浏览器中直接体验 Biome 的功能。

适合谁用 / 上手

适合人群：

追求极致性能的开发者和团队：特别是拥有大型 Monorepo 或对 CI/CD 构建速度敏感的项目。
厌倦配置繁琐的开发者：希望开箱即用，不想花费大量时间调试 .eslintrc 或 .prettierrc 配置文件的用户。
Rust 或高性能工具爱好者：对底层技术栈感兴趣，希望使用更现代、更高效的开发工具链的开发者。
从 Rome 迁移的用户：Rome 项目停更后，需要寻找一个活跃维护且理念相似的工具的社区成员。

上手指南：

安装： Biome 支持多种安装方式，最常用的是通过 npm 安装为开发依赖：
```
npm install --save-dev --save-exact @biomejs/biome
```
或者使用 Cargo 安装（如果项目是 Rust 相关）：
```
cargo install biome_cli
```
基本使用：
- 格式化文件：
```
npx @biomejs/biome format --write
```
- Lint 并应用安全修复：
```
npx @biomejs/biome lint --write
```
- 综合检查（格式化 + Lint + 修复）：
```
npx @biomejs/biome check --write
```
- CI 环境检查：
```
npx @biomejs/biome ci
```
编辑器集成： Biome 提供了官方的 VS Code 扩展，安装后即可在编辑器中获得实时的格式化和 Lint 反馈，支持 LSP 协议，提供代码跳转、重构等高级功能。
在线体验：如果不希望立即安装，可以通过 Biome 提供的 WebAssembly 在线 Playground 直接体验其功能。
进一步学习：访问 Biome 官方网站的 "Getting Started" 指南获取详细配置说明和最佳实践。

查看原文 →github.com