Biome v2.3 终于支持 Vue 了！

在前端代码质量工具中，Biome 可以说是这两年最受关注的之一。

其目标就是：用一个工具，干掉 ESLint、Prettier 和 Stylelint。

换句话说，它既能格式化代码，又能检查语法、分析类型，还内置一整套规则体系。最妙的是，开箱即用，基本不用折腾配置。

更别提它是用 Rust 写的，速度快到离谱。只要用过一次的人，大多都有那种“ESLint 怎么突然变得这么慢”的错觉。

唯一的痛点：不支持 Vue

但是对于 Vue 开发者们着实很无奈的——Biome 不支持 .vue 文件。

这问题卡了好久。每次看到别人推荐 Biome，评论区一定有人问一句：“Vue 能用吗？”，得到的都是只能摇头。

对很多前端团队来说，这就等于直接被劝退。毕竟 Vue 是国内团队最常用的框架之一，没有支持，说什么都白搭。

终于新版 Biome v2.3 版本支持了

最近发布的 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 这一天，真是等了太久了。

以上关于Biome v2.3 终于支持 Vue 了！的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。