在前端圈里，說到新一代代碼質量工具，Biome 是這兩年最受關注的之一。

它的目標很直接：用一個工具，干掉 ESLint、Prettier 和 Stylelint。

換句話說，它既能格式化代碼，又能檢查語法、分析類型，還內置一整套規則體系。最妙的是，開箱即用，基本不用折騰配置。

更別提它是用 Rust 寫的，速度快到離譜。用過一次的人，大多都有那種“ESLint 怎么突然變得這么慢”的錯覺。

唯一的痛點：不支持 Vue

不過，有一點一直讓 Vue 開發者們挺無奈的——Biome 不支持 .vue 文件。

這問題卡了好久。每次看到別人推薦 Biome，評論區一定有人問一句：“Vue 能用嗎？”

然后大家只能搖頭。

對很多前端團隊來說，這就等于直接被勸退。畢竟 Vue 是國內團隊最常用的框架之一，沒有支持，說什么都白搭。

終于等到這一天

直到最近發布的 Biome v2.3，這事終于有了轉機。

這次更新的重點之一，就是帶來了對 Vue、Svelte 和 Astro 的實驗性支持。

也就是說，現在你終于可以在 .vue 文件里讓 Biome 去：

?格式化 <template>

?校驗 <script>

?調整 <style>

都能正常生效。

只要在配置文件里加上這段：

{
  "html": {
    "experimentalFullSupportEnabled": true
  }
}

就能開啟這個功能。

雖然目前還帶著 “experimental” 標簽，但實測下來，大多數 Vue 組件都已經可以順利通過 Biome 檢查。它，真的能用了。

對前端團隊的意義

過去我們在項目里，總要搭這樣一套組合拳：

?格式化交給 Prettier

?語法檢查交給 ESLint

?樣式檢查交給 Stylelint

?如果用了 Tailwind，還得再裝插件

?最后配合一堆 .rc 文件和 ignore 列表，才能讓 CI 不報紅

說實話，這一套東西光是維護配置文件就夠頭疼的。

Biome 的思路就很簡單：我一個人全包。

它自己帶了一整套規則體系，不用再去找幾十個插件，也不用分不清哪條規則是哪個包的。

不想折騰配置的人，用起來會覺得特別輕松。

快、穩、干凈

如果要用幾個詞形容 Biome，那大概就是這三個。

?它是用 Rust 寫的，速度真的是飛快，比 ESLint 快十幾倍不夸張；

?一條命令下去，格式化和語法檢查一塊兒搞定；

?升級到 v2.3 后，連 Tailwind CSS v4 的語法都能直接識別。

而且它底層不是靠插件堆出來的那種結構。Biome 自己有一套統一的分析引擎，能在同一個語法樹里同時理解 TypeScript、React、CSS、HTML——所有東西都在一處跑，所以也就既快又穩，不容易出奇怪的問題。

從框架專屬，到框架無關

當然，Vue 的支持還在完善中。但這次更新意義不一樣了：Biome 終于從 React 的世界走了出來。

它開始真正變成一個“框架無關”的工具。

對很多前端開發者來說，這代表著一種解脫。那一堆 ESLint 配置、Prettier 插件、各種 .rc 文件，也許慢慢都能退場。

特別是一些 Vue 開發者——等 Biome 這一天，真是等了太久了。