再見 ESLint 和 Prettier,用 AI 寫代碼的新格式化搭檔登場!
十多年來,前端開發工具鏈一直圍繞代碼質量打轉。我們經歷過:
JSLint的開山之作;- 到
ESLint的模塊化與插件體系; - 再到
Prettier的格式自動化; - 近年來,又有
Oxc和Biome引入更高性能的 Rust 實現。
今天,這個進化鏈條又迎來了一個新角色 —— Ultracite。
它不是另一個“重造輪子”的嘗試,而是把代碼檢查、格式統一、AI 協作、團隊規范整合進一套統一工具體系的現代方案。
如果你厭倦了為格式問題反復調試、寫了好 prompt 卻被 Lint 卡住,那可能是時候看看 Ultracite 了。
Shadcn UI 作者推薦
Ultracite 是什么?
Ultracite 是一個圍繞 Biome 構建的零配置開發助手,專為現代前端項目設計,尤其適用于強調開發效率、代碼一致性和 AI 協同寫作的團隊。
它不是獨立工具鏈,而是 Biome 的最佳使用方式。
而 Biome 本身,也值得一提 —— 它由原 Rome 項目在 2023 年重構而來,使用 Rust 編寫,集格式化、Lint、Codemod、解析器于一身,被稱為“Rust 版 Prettier + ESLint 的合體”。
Ultracite 則進一步把這套核心能力變得“開箱即用”,不需要任何繁瑣配置。
為什么它開始流行?
一行命令,完成整個配置
傳統項目總是少不了一堆初始化步驟:
eslint --init.eslintrc.json/.prettierrc- 安裝各種插件(TS、React、a11y...)
- 配 Git 鉤子、配置編輯器...
而 Ultracite 只需要一句話:
npx ultracite init它會自動完成:
- 安裝 Biome、Husky 等依賴
- 創建配置文件(
biome.json) - 配置 VSCode / Cursor / Zed 等主流編輯器
- 設置 Git 提交前自動格式化(通過 Husky)
- 生成給 AI 工具閱讀的代碼規范文檔
適合新項目初始化,也適合老項目“告別繁瑣”的一次性換血。
極速格式化,幾乎無感延遲
得益于 Rust 的高性能特性,Biome 格式化代碼的速度比 Prettier 快 約 35 倍。保存代碼時幾乎看不到延遲,自動修復體驗也更流暢。
它支持:
- 實時語法檢查 / 錯誤提示
- 保存時自動格式化
- 支持命令行修復
甚至你可以完全不在意它是否在運行——因為它快到你會“忘記它的存在”。
內置一套現代規則集
Ultracite 默認就包含一套現代、覆蓋面廣的代碼風格規范:
- TypeScript 嚴格模式
- React / Next.js 推薦實踐
- Node.js 項目規范
- a11y 可訪問性規則
- 風格統一(兩空格、最大行寬等)
// biome.json
{
"extends": ["ultracite"]
}你可以像 ESLint 一樣進一步覆蓋、調整某些規則。但即使不動,它也已經非?!鞍踩ㄓ谩?,能支撐大多數現代項目。
AI 友好,不止是能用
Ultracite 不只是能在 AI 輔助開發中“湊合用”,它是為 AI 寫代碼而設計的。
自動生成 AI 可讀規范
Ultracite 在初始化過程中會根據你的規則集,自動生成對應的 Markdown 文件。這些文件使用自然語言,詳細描述項目代碼規范,供 AI 輔助工具讀取和參考。
AI 工具可以直接讀取這些文檔,提前了解項目風格,避免頻繁地“寫錯 → 你去改 → 再問 AI”的低效循環。
MCP 服務:讓 AI 自動“知道規范”
Ultracite 提供了 MCP 服務,它會自動將項目的代碼規范轉化為 API 接口,供 AI 工具實時訪問。
這意味著:
- 無需手動復制粘貼規范;
- AI 工具能主動讀取行寬、縮進、命名規則等詳細信息;
- 寫代碼時更貼合項目風格,避免“提示詞來回調試”。
配置示例如下:
{
"mcpServers": {
"ultracite": {
"command": "npx",
"args": [
"-y",
"mcp-remote",
"https://www.ultracite.ai/api/mcp/http"
]
}
}
}這是真正為 AI 設計的協作接口,讓人和模型共享同一套上下文。
與主流開發流程無縫融合
Ultracite 還幫你自動配置好了:
- Husky:
git commit前自動格式化 - lint-staged / lefthook:多文件快速格式檢查
- VSCode / Zed / Cursor:編輯器默認 formatter 設置
確保團隊中每個人、每個提交,都不會“破壞”項目的代碼風格。
ESLint 和 Prettier 的問題?
雖然 ESLint 和 Prettier 是當前生態的主力工具,但它們存在一些不可忽視的局限:
- 性能瓶頸:JS 寫的 Lint 工具在大型項目中處理速度明顯下降。
- 配置繁瑣:兩個工具要分別配置,且規則之間容易沖突。
- 缺乏 AI 適配:不支持 AI 工具理解項目規范,需人工復制粘貼規則。
- 工具分散:格式、校驗、提交、命名往往分多個插件完成。
而 Ultracite 做到的是一次性整合,統一規則、統一工具、統一上下文。
如何開始使用 Ultracite?
非常簡單,只需四步:
1.運行初始化命令:
npx ultracite init2.選擇項目參數:
- 包管理器(npm / bun / yarn / pnpm)
- 編輯器(VSCode / Cursor / Zed)
- 是否啟用 Husky / lint-staged 等鉤子
3.自動生成文件:
biome.json規則配置- AI 助手說明文件
.vscode/settings.json格式化集成.husky/pre-commit鉤子
4.安裝 Biome 插件(VSCode)
之后所有格式化、Lint、提交檢查、AI 寫代碼時的規范判斷都自動接管,無需你操心。
寫在最后
過去我們常常一邊裝 ESLint 和 Prettier,一邊糾結規則沖突、插件版本,再一邊調 AI 提示詞——只為寫出一段“干凈整潔”的代碼。
今天,你可以只用一句命令,就讓這些工作全部自動完成。
Ultracite 不是又一個新工具鏈,而是對前端開發方式的一次重新組織。
它更快、更簡潔、更智能,尤其適合強調效率、規范和 AI 協同的現代開發場景。
如果你也在尋找下一代開發體驗,Ultracite 值得你認真試一試。
Github:https://github.com/haydenbleasel/ultracite























