前端大一統時代來了
VueConf 2025 剛剛在深圳落下帷幕，尤雨溪帶來了最新的 Vue & Vite 動態大公開！這篇文章我來帶大家快速過一遍這場精彩演講的核心內容，不錯過任何一個重點更新！
Vue：生態擴張 + 性能飛躍
Vue 3 普及進入加速區
- Vue 的 npm 每周下載量達到了 758 萬，同比增長 50% ；
- Vue 3 的使用率從 2024 年的 61.5% 提升到 2025 年的 71.7% ，增幅 76.7% 。
可以說，Vue 3 已經正式完成“主流化”，不再只是“推薦升級”，而是開發者的默認選擇。
Vue Language Tools 3.0
這次更新有兩個關鍵詞：Hybrid Mode 和 穩定性提升。
Hybrid Mode 現在已經是默認啟用，開發體驗會更絲滑，尤其是配合 TypeScript 使用時，類型分析也更精準。
Vue 3.6 alpha
Vue 3.6 alpha 帶來了兩個重量級新功能，分別是面向編譯優化的 Vapor Mode 和面向響應式底層的 alien-signals。
Vapor Mode：重新定義“高性能渲染”
Vapor Mode 是 Vue 的一種新型渲染模式，它不改變 Vue 的 API 和開發方式，但在底層采取了完全不同的策略：
- 核心目標：最大限度優化性能，縮減運行時開銷；
- 使用方式：通過
<script setup vapor>或createVaporApp()啟用，僅支持單文件組件（SFC）； - 編譯機制：
a.將靜態結構提前編譯為 DOM 片段；
b.精準識別動態節點，僅為這些部分建立響應式；
c.避免傳統虛擬 DOM 的 diff 和 patch 流程。
- 開發進展：當前 Vapor Mode 已初步支持
Transition、AsyncComponent等特性，后續還將完善對KeepAlive、SSR hydration 等能力的支持。
alien-signals：下一代響應式系統
與此同時，Vue 還引入了 alien-signals —— 一個基于 signals 架構的響應式系統，實現了比現有響應式系統更快、更精細的狀態追蹤能力。
- 設計理念：核心思路借鑒了 SolidJS 的細粒度響應式；
- 性能表現：在官方基準測試中，更新時延做到了平均 0ms，大幅領先 Vue 當前的響應系統（19ms）、Svelte v5（4ms）等。
Vite：從構建工具到生態操作系統
Vite：下載量暴漲，生態基本盤已穩
Vite 的 npm 周下載量達到了 3200 萬次，同比增長 138%。這也意味著它從“新銳構建工具”變成了現代前端開發的“基礎設施”。
Void（0）：一體化 JS 工具棧的野心
尤雨溪提出了一個重要思路：JavaScript 工具鏈太碎片化了。Linter、Formatter、Bundler、Parser、Minifier… 各自為政，開發者疲于配置和踩坑。
所以他們打算構建一套統一的工具鏈系統，叫做 Void（0）。目標是像 Rust 的 Cargo 一樣，為前端構建出統一的生態底座。
OXC：Rust 驅動的極速 JS 工具箱
OXC 是一個基于 Rust 構建的高性能 JavaScript/TypeScript 工具鏈，是整個體系的“語法基礎設施”，負責分析、轉換、壓縮、校驗等。
模塊 | 功能簡介 | 開發進度 | 性能對比（相較主流工具） |
Parser | 支持 ES/TS/JSX，具備語義分析和控制流圖能力 | ? 已完成 | ?? 比 SWC 快 3 倍 |
Linter | 兼容 ESLint，支持 400+ 規則，支持 IDE 擴展 | ? 已完成 | ?? 比 ESLint 快 50~100 倍 |
Transformer | 支持 TypeScript、TSX、React Fast Refresh 等 | ? 已完成 | ?? 比 Babel 快 40~70 倍 |
Minifier | 已集成到 Rolldown 中的默認壓縮器 | ? 已完成（Alpha） | ?? 比 SWC 快 8 倍，比 esbuild 快 50% |
Resolver | 支持 Node.js 模塊路徑解析，完全可定制 | ? 已完成 | ?? 比 webpack 快 28 倍 |
Formatter | 提供代碼格式化能力 | ?? 進行中（50%） | 無 |
Rolldown：Vite 的新打包內核
Rolldown 是用 Rust 寫的打包器，兼容 Rollup API，目前已經進入 1.0 Beta 階段，核心特性包括：
- CJS + ESM 混合支持；
- 高級 Tree-shaking、代碼分割；
- 支持 Rollup 插件（90% 兼容）；
- 與 esbuild 的行為也有 80%+ 兼容。
集成之后，構建性能暴漲，比如：
- GitLab：構建速度提升 2.6 倍，內存下降 100 倍；
- Excalidraw：構建加速 16 倍。
Oxlint 1.0
- 由 OXC 驅動的 ESLint 替代品。支持 500+ 條規則，比 ESLint 快 50~100 倍。
- 開發中/未來計劃：JS 插件支持、自定義規則、Vue SFC 支持、TypeScript 類型感知等。
tsdown
- 定位：新一代 TypeScript 構建工具，繼承自 tsup，基于 Rolldown 實現 dts 文件生成和打包。
Vite+：統一工具鏈的嘗試
Vite+ 是基于 Vite 的超集工具棧，主打的是“一站式開發體驗”。
支持的能力包括：
vite dev / build（開發 & 構建）vite test / bench（測試 & 性能基準）vite lint / format（代碼檢查 & 格式化）vite lib（類型構建，基于 tsdown）vite new（項目初始化）vite task（Monorepo 編排 & 緩存系統）- 未來還會支持 GUI 工具、AI 插件等
未來的框架將作為 Vite 插件運行，可自定義注入：
- Lint/格式化規則；
- 測試環境；
- DevTools 面板等開發體驗相關能力。
Vue 和 Vite 已進入“構建基礎設施”階段
Vue 不再只是一個前端框架，Vite 也不只是一個構建工具，它們正在試圖重構整個 JS 開發生態。
從語言工具到打包器、從編譯優化到響應系統，再到框架解耦，Vue + Vite 背后的技術體系已經在向“全鏈路平臺”演進。
對開發者來說，這意味著更快的速度、更少的配置、更一致的體驗，也意味著更高的門檻和理解成本。但方向是對的，值得關注。
