JavaScriptNode.js大前端
前端新工具 OXC 性能对比：比 Prettier 快 45 倍
Vue 作者尤雨溪发布的前端新工具 OXC（包含 oxfmt 和 oxlint）。相比 Prettier 和 ESLint，OXC 基于 Rust 和 WASM 实现，格式化速度提升 45 倍，代码检查速度提升 50-100 倍。文章提供了安装指南、配置迁移方案及适用场景分析，旨在帮助开发者提升开发效率并平滑迁移至新工具。
Vue 作者尤雨溪发布的前端新工具 OXC（包含 oxfmt 和 oxlint）。相比 Prettier 和 ESLint，OXC 基于 Rust 和 WASM 实现，格式化速度提升 45 倍，代码检查速度提升 50-100 倍。文章提供了安装指南、配置迁移方案及适用场景分析，旨在帮助开发者提升开发效率并平滑迁移至新工具。
10 月 19 日，Vue 之父尤雨溪在 Twitter 上晒出了一张截图，前端圈引发广泛关注。
格式化太慢？Lint 卡到爆？不，我们全都要！
🐢 Prettier：格式化 1000 个文件 = 45 秒（够泡杯咖啡）
🚀 oxfmt：格式化 1000 个文件 = 1 秒（咖啡还没反应过来）
速度提升：45 倍！
对比 Biome：快 2-3 倍 对比 Prettier：快 45 倍
🐌 ESLint：检查 1000 个文件 = 50-100 秒（刷个短视频的时间）
⚡ oxlint：检查 1000 个文件 = 1 秒（眨个眼而已）
速度提升：50-100 倍！
已完美兼容：Vite、Vue、React、Next.js、AntDesign
# 格式化文件
npx oxfmt@latest src/**/*.{js,ts,jsx,tsx}
# 检查代码
npx oxlint@latest src/**/*.{js,ts,jsx,tsx}
零负担使用。
npm install -D oxlint oxfmt
然后在 package.json 里配置：
{"scripts":{"lint":"oxlint src/","lint:fix":"oxlint --fix src/","format":"oxfmt src/","format:check":"oxfmt --check src/"}}
{"printWidth":80,"tabWidth":2,"semi":true,"singleQuote":true}
好消息：你的 .prettierrc 改个名就能用！
{"rules":{"no-console":"warn","no-debugger":"error","prefer-const":"error"}}
ESLint 用户：80% 的规则配置直接复制粘贴！
# 1. 卸载旧工具
npm uninstall prettier
# 2. 安装新工具
npm install -D oxfmt
# 3. 改个名字
mv .prettierrc .oxfmtrc.json
难度：低
# 1. 卸载旧工具
npm uninstall eslint
# 2. 安装新工具
npm install -D oxlint
# 3. 迁移配置
# 复制.eslintrc 规则到.oxlintrc.json
难度：中
传统工具：JavaScript 单线程，像一个工人在搬砖 OXC 工具：Rust 多线程，像施工队同时作业
核心优势：
每天格式化次数：20 次
Prettier 耗时：20 × 45 秒 = 15 分钟/天
oxfmt 耗时：20 × 1 秒 = 0.3 分钟/天
每天节省：14.7 分钟
每年节省：90 小时（≈ 11 个工作日！）
ESLint 检查：100 秒
oxlint 检查：1 秒
每次 CI 节省：99 秒
每天 CI 50 次：每天节省 82 分钟
运维效率显著提升。
OXC 工具 = 性能怪兽 + 迁移友好 + 配置简单
下一步行动清单：
npx oxfmt@latest 体验秒级格式化从今天开始：
前端开发效率工具时代，正式开启！
微信公众号「极客日志」，在微信中扫描左侧二维码关注。展示文案：极客日志 zeeklog
查找任何按下的键的javascript键代码、代码、位置和修饰符。 在线工具，Keycode 信息在线工具，online
JavaScript 字符串转义/反转义；Java 风格 \uXXXX（Native2Ascii）编码与解码。 在线工具，Escape 与 Native 编解码在线工具，online
使用 Prettier 在浏览器内格式化 JavaScript 或 HTML 片段。 在线工具，JavaScript / HTML 格式化在线工具，online
Terser 压缩、变量名混淆，或 javascript-obfuscator 高强度混淆（体积会增大）。 在线工具，JavaScript 压缩与混淆在线工具，online
将字符串编码和解码为其 Base64 格式表示形式即可。 在线工具，Base64 字符串编码/解码在线工具，online
将字符串、文件或图像转换为其 Base64 表示形式。 在线工具，Base64 文件转换器在线工具，online