🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正／微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付
尤雨溪宣布 oxfmt 即將發布！比 Prettier 快45倍 🚀🚀🚀
前言
尤雨溪宣布，基於 Oxc 的 oxfmt 的程式碼格式化工具，即將發布，Prettier 快45倍！
本文將帶大家聚焦 oxfmt 的核心功能和優勢！
往期精彩推薦
- 字節也在用的 @tanstack/react-query 到底有多好用！🔥🔥🔥
- 🚀🚀🚀 告別複製黏貼，這個高效的 Vite 插件讓我摸魚🐟時間更充足了！
- 🔥🔥🔥 原來在字節寫程式碼就是這麼樸實無華！🔥🔥🔥
- 更多精彩文章歡迎關注我的公眾號：萌萌哒草頭將軍
正文
oxfmt 是 Oxc 項目的新一代格式化工具，依託 Rust 驅動的解析和轉換能力，專為現代 JavaScript/TypeScript 項目設計。
它已在 Prettier、Vite 等主流程式碼庫中測試，驗證了其作為 Prettier 替代品的可靠性。
下面是 oxfmt 的核心功能和優勢！
生態兼容性：無縫替代 Prettier
oxfmt 實現 99%+ 的 Prettier 格式兼容，確保切換時差異最小，避免大規模程式碼重構。
- 測試驗證：在 Vite、Vue、Ant Design 等項目中，oxfmt 輸出與 Prettier 高度一致，保持現有工作流穩定。
- 優勢：無需調整現有 CI/CD 配置，開發者可直接替換 Prettier，提升格式化效率。
改進討論：針對 Prettier 的優化
oxfmt 在少數邊緣場景故意偏離 Prettier（如特定嵌套結構的換行），以優化可讀性，詳見 GitHub 討論（#14669）。
- 技術細節：通過 Oxc 的 AST 分析，識別冗餘換行或不佳的格式化模式，提供更符合人類閱讀習慣的輸出。
- 優勢：在保持兼容的同時，改進複雜程式碼的可視化效果，適合大型專案。
靈活換行控制
相比 Prettier 的固定換行策略，oxfmt 提供更細粒度的配置選項：
- 功能：支持自訂行寬、嵌套深度和語句分組，優化長鏈調用或物件字面量的格式化。
- 優勢：開發者可根據專案風格（如 Vue 元件或 TypeScript 介面）調整格式，減少手動調整。
極致性能：Rust 驅動的格式化
oxfmt 利用 Oxc 的 Rust 編譯器，實現超高性能：
- 速度對比：比 Biome 快 2-3 倍，比 Prettier 快 45 倍，處理 10 萬行程式碼僅需秒級。
- 技術原理：Rust 並行解析和最小化 AST 轉換，降低 I/O 和記憶體開銷。
- 優勢：在 monorepo 或 CI 環境中，顯著縮短格式化時間，提升開發迭代效率。
其他改動
- 生態支持：測試覆蓋主流框架和工具（如 TypeScript-ESLint），確保廣泛適用性。
- 未來計畫：即將發布，持續優化邊緣場景（如 JSX 複雜嵌套），進一步提升兼容性。
最後
oxfmt 以 45 倍於 Prettier 的速度、靈活換行和無縫兼容性，即將成為下一代格式化工具的標桿。
大家可以關注 Oxc 項目，搶先測試，優化程式碼工作流！
今天的分享就這些了，感謝大家的閱讀，如果文章中存在錯誤的地方歡迎指正！
往期精彩推薦
- 字節也在用的 @tanstack/react-query 到底有多好用！🔥🔥🔥
- 🚀🚀🚀 告別複製黏貼，這個高效的 Vite 插件讓我摸魚🐟時間更充足了！
- 🔥🔥🔥 原來在字節寫程式碼就是這麼樸實無華！🔥🔥🔥
- 更多精彩文章歡迎關注我的公眾號：萌萌哒草頭將軍
共有 0 則留言
文字內容提供幾種功能：
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
熱門文章
🏆 本月排行榜
評分標準：發文×10 + 留言×3 + 獲讚×5 + 點讚×1 + 瀏覽數÷10
本數據每小時更新一次
🔧 阿川の電商水電行
Shopify 顧問、維護與客製化
💡
小任務 / 單次支援方案
單次處理 Shopify 修正／微調
⭐️
維護方案
每月 Shopify 技術支援 + 小修改 + 諮詢
🚀
專案建置
Shopify 功能導入、培訓 + 分階段交付