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

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

一条推文,前端圈炸锅

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

  • oxfmtBiome2--3 倍
  • Prettier45 倍
  • Biome 更贴合 Prettier 规范
  • 已跑通 ViteVueAntDesignSupabase亿级代码库
  • "即将可用,直接平替 Prettier!"

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

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

ESLint 也一起被"斩"?

等等,ESLint 呢?

别急,Oxlint 早已埋伏多时:

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

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

ViteRollupVue-core 的 CI 里,ESLint 全程没启动 ,Oxlint 0 秒跑完。

为什么要"弃用"?

  1. 速度 = 生产力

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

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

  3. 可扩展 > 老生态

    基于 RustWASM 插件,冷启动 <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

写在最后

十年前,GruntGulpWebpack

五年前,RollupVite

今天,ESLint + Prettier → OXC

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

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

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

相关推荐
why技术3 小时前
从18w到1600w播放量,我的一点思考。
java·前端·后端
欧阳呀3 小时前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ3 小时前
css总结
前端
天***88964 小时前
js封装一个双精度算法实现
开发语言·前端·javascript
Algebraaaaa5 小时前
什么是前端、后端与全栈开发,Qt属于什么?
开发语言·前端·qt
胡斌附体5 小时前
使用Electron创建helloworld程序
前端·javascript·electron·nodejs·pc
toobeloong5 小时前
Electron 从低版本升级到高版本 - webview通信的改造
前端·javascript·electron
im_AMBER5 小时前
React 01
前端·javascript·笔记·react.js·前端框架·web