尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!

"格式化太慢?Lint 卡到爆?不,我们全都要。" ------ 尤雨溪

一条推文,前端圈炸锅

10 月 19 日下午,Vue.js 作者尤雨溪 在 Twitter 甩出一张截图:

  • oxfmt 比 Biome 快 2--3 倍
  • 比 Prettier 快 45 倍
  • 比 Biome 更贴合 Prettier 规范
  • 已跑通 Vite、Vue、AntDesign、Supabase 等 亿级代码库
  • "即将可用,直接平替 Prettier!"

配图最后一句话,才是核弹:

"还有一些情况我们故意与 Prettier 不同。"

ESLint 也一起被"斩"?

等等,ESLint 呢?

别急,Oxlint 早已埋伏多时:

工具 职责 替代目标 性能倍数
oxfmt 代码格式化 Prettier 45×
oxlint 代码检查 ESLint 50--100×

Oxlint 规则已覆盖 200+ 条 ESLint 核心与社区推荐规则 ,并支持 --fix 自动修复。

在 Vite、Rollup、Vue-core 的 CI 里,ESLint 全程没启动 ,Oxlint 0 秒跑完。

为什么要"弃用"?

  1. 速度 = 生产力

    本地 save 秒级反馈,CI 从 3 min → 5 s,老板都忍不住点赞。

  2. 兼容 ≈ 零迁移
    oxfmt 与 Prettier 快照测试 99.7% 一致 ;
    oxlint 提供 eslint-compat 插件,老配置直接导入。

  3. 可扩展 > 老生态

    基于 Rust 的 WASM 插件,冷启动 <10 ms,不再被 Node 单线程卡死。

  4. 改进,而不是迁就

    对于带注释的 TS 联合类型,Prettier 会"对不齐",oxfmt 主动修正 。

    尤雨溪直言:"不是固执,是 Prettier 真的错了。"

迁移指南

1. 一键卸载老伙伴

bash 复制代码
npm  uninstall prettier eslint eslint-config-xxx eslint-plugin-xxx

2. 安装 OXC 全家桶

bash 复制代码
npm  i  -D  oxc-cli
# 或
pnpm  add  -D  oxc-cli

3. 配置 oxc.config.js

js 复制代码
export default {
  formatter: { enable: true, semi: false, tabWidth: 2 },
  linter: {
    enable: true,
    rules: { import: { noCycle: 'error' } }
  }
}

4. 脚本替换

json 复制代码
{
  "scripts": {
    "fmt": "oxc fmt",
    "lint": "oxc lint",
    "lint:fix": "oxc lint --fix"
  }
}

5. GitHub Actions 示例

yaml 复制代码
- name: Lint & Format
  run: |
    npx oxc fmt --check
    npx oxc lint

写在最后

十年前,Grunt → Gulp → Webpack

五年前,Rollup → Vite

今天,ESLint + Prettier → OXC

尤雨溪又一次把"不可能"写成 PR 标题:
"feat: retire eslint & prettier"

准备好迎接 0 秒 lint、0 秒 format 的新时代了吗?

OXC 官网/仓库 :https://github.com/oxc-project/oxc

相关推荐
子兮曰4 天前
jev-ultrafast 深度解析:7 秒订机票的浏览器 Agent 是如何炼成的
前端·后端·agent
子兮曰4 天前
Jev 爆发一周:7 秒 Agent 背后的 System One 生态与三场争议
前端·后端·ai编程
前端小万4 天前
写公众号赚了 3000 块后,我做了一款叫 "一键成稿" 的软件
前端·微信小程序
爱勇宝4 天前
ZCode 开源 24 小时:一份没有历史的账本,回答不了"有没有偷代码"
前端·后端·chatglm (智谱)
A黄俊辉A4 天前
uniapp webview中实现 app和内嵌的H5双向通信
vue.js·json
三十而立洋4 天前
Cookie 详解:从产生到安全,一次讲透
前端·javascript
卡布鲁4 天前
把一个 Vite + Vue3 应用塞进 qiankun (React + Umi3) 主站:十个坑的复盘
前端·javascript·react.js
李少兄4 天前
JavaScript 隐式全局变量解析
javascript
honkun64 天前
vue 表格组件 vxe-table 配置 ajax 请求自动加载数据与表单查询
vue.js·vxe-table
kybs19914 天前
全球灾害数据分析可视化 毕业设计-附源码66794
vue.js·spring boot·mysql·安全·django·c#·asp.net