尤雨溪官宣:"新玩具" 比 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

相关推荐
刘一说7 小时前
Vue 导航守卫未生效问题解析:为什么路由守卫不执行或逻辑失效?
前端·javascript·vue.js
一周七喜h7 小时前
在Vue3和TypeScripts中使用pinia
前端·javascript·vue.js
weixin_395448917 小时前
main.c_cursor_0202
前端·网络·算法
摘星编程8 小时前
用React Native开发OpenHarmony应用:Calendar日期范围选择
javascript·react native·react.js
东东5168 小时前
基于vue的电商购物网站vue +ssm
java·前端·javascript·vue.js·毕业设计·毕设
MediaTea8 小时前
<span class=“js_title_inner“>Python:实例对象</span>
开发语言·前端·javascript·python·ecmascript
雨季6668 小时前
Flutter 三端应用实战:OpenHarmony “微光笔记”——在灵感消逝前,为思想点一盏灯
开发语言·javascript·flutter·ui·dart
编码者卢布9 小时前
【Azure Stream Analytic】用 JavaScript UDF 解决 JSON 字段被转成 Record 的关键点
javascript·json·azure
梦梦代码精9 小时前
开源、免费、可商用:BuildingAI一站式体验报告
开发语言·前端·数据结构·人工智能·后端·开源·知识图谱
松树戈9 小时前
滥用AI生图引起的JavaScript heap out of memory排查记录
vue.js·ai编程