
Barba.js
创建流畅的页面过渡动画,提升网站浏览体验。
Biome 是一套面向 JavaScript、TypeScript、JSX 与 JSON 的 Web 工具链,将代码格式化与静态检查(lint)整合在同一命令行工具中。它的前身是 Rome 项目,延续了“统一工具链”的思路,但在性能与兼容性上做了明显取舍。
与分别使用 Prettier 和 ESLint 的常规方案不同,Biome 提供一条命令同时完成格式修正与错误修复,减少了工具配置与依赖维护的负担。
Biome 使用 Rust 编写,启动与执行速度显著快于多数基于 JavaScript 的工具。对于中大型仓库,这一差异在 CI 流水线和编辑器保存时触发格式化的场景中较为明显。官方提供的基准测试显示其处理速度可达到 Prettier 的数十倍,但实际表现取决于代码规模与运行环境,建议在自身项目中验证。
biome.json 配置文件调整缩进、换行、引号等规则biome format --write 批量修正--watch 模式,适合无插件环境配置文件统一为 biome.json,格式示例:
{
"formatter": {
"indentStyle": "space",
"lineWidth": 100
},
"linter": {
"rules": {
"recommended": true
}
}
}
从 Prettier 或 ESLint 迁移时,Biome 提供 biome migrate 命令辅助生成初始配置。由于规则语义并非完全一一对应,迁移后仍需检查关键文件的输出差异。
适合:
需注意:
建议在引入前,用现有代码库跑一次 biome check,对比输出与当前工具链的差异,再决定是否切换或并行使用。







