尤雨溪力荐!Vite 生态 5 个 “新玩具“ 登场!
最近一周,Vue作者尤雨溪(Evan You)在X上连续发布了5个重要项目更新。
这5个发布分别是:
Vite+—
统一 Web 工具链Vite 8—
新一代构建核心Vite DevTools—
官方开发调试工具Void—
Vite 原生部署平台Vitest 4.1—
测试框架升级
更重要的是,这些项目现在全部属于 Evan You 创立的公司 VoidZero。
换句话说,这不是零散更新,而是一整套生态布局。
一、Vite+:统一 Web 工具链
第一个发布的是Vite+ Alpha:
这是一个更野心勃勃的项目。
官方给它的定位是:
A unified toolchain and entry point for web development.
翻译一下就是:统一 Web 开发工具链。
目前Web开发的工具其实非常碎片:
node pnpm vite tsc vitest eslint每个项目都要装一堆工具。
Vite+想解决的是这个问题。
目标是提供一个统一入口,例如:
vite dev vite build vite test vite lint类似于:
语言 | 工具 |
|---|---|
Rust | cargo |
Go | go tool |
Python | pip + python |
Web | Vite+(目标) |
换句话说:Vite+ 想成为 Web 的 cargo。
目前还在Alpha 阶段,但方向非常明确。
二、Vite 8 正式版发布
第二个更新是大家熟悉的Vite 8.0.0。
Vite已经是当前最主流的前端构建工具之一:
Vue默认构建工具React / Svelte / Solid广泛使用冷启动速度极快插件生态成熟
Vite 8主要是:
架构升级
性能优化
插件系统完善
与Vitest等工具更好协作
这也是Vite生态继续向前推进的重要基础版本。
三、Vite DevTools:官方调试工具
第三个最值得关注的是Vite DevTools的发布。
Vite DevTools是一个专门为Vite打造的开发调试工具,可以帮助开发者:
查看
Vite模块依赖关系调试插件
执行流程分析
HMR更新查看模块
加载情况可视化构建流程
简单理解就是:Vite 的“开发者控制台”。
类似:
工具 | 作用 |
|---|---|
| Vue DevTools | 调试组件 |
| React DevTools | 调试组件 |
| Vite DevTools | 调试构建系统 |
对于开发插件或复杂应用来说,这是非常有用的工具。
四、Void:Vite 原生部署平台
第四个发布的是Void:
官方描述是:
A deployment platform designed for Vite.
简单说,它想做的是:Vite 版本的 Vercel。
Void提供的能力包括:
自动创建基础设施(
DB / KV / Storage / Queue)Type-safe 全栈 SDK
支持
React / Vue / Svelte / SolidSSR / SSG / ISR / IslandsAI 原生工具一键部署
也就是说,你开发一个Vite应用,可以直接:
vite dev vite deploy就能上线。
如果这个模式成熟,Vite开发体验将会形成一个完整闭环:
开发 → 构建 → 测试 → 部署全部在一个生态里完成。
五、Vitest 4.1 正式版发布
最后一个更新是Vitest 4.1。
Vitest是Vite生态的测试框架。
如果说:
Jest = Webpack 时代那么:
Vitest = Vite 时代新版本主要更新包括:
从第一天开始支持Vite 8
更灵活的测试标签系统
新的
tracing / AsyncLocalStorage hooks异步泄漏检测
Agent reporter(减少 token 使用)
Vitest的特点是:
Jest API兼容原生
TypeScript启动
速度极快与
Vite模块系统完全一致
对于使用Vite的项目来说,几乎是最自然的测试选择。
真正值得关注的是:VoidZero
这五个项目其实构成了一个完整生态:
VoidZero │ ├─ Vite+ → 工具链入口 ├─ Vite8 → 构建工具 ├─ Vite DevTools → 调试工具 ├─ Void → 部署平台 └─ Vitest → 测试框架换句话说:
Vite 正在从工具 → 平台。
最终可能形成这样的开发体验:
vite create vite dev vite test vite build vite deploy类似于Rust的:
cargo build cargo test cargo run cargo publish这是Web开发工具链第一次有机会变得这么统一。
写在最后
尤雨溪这波“一周五连发”,其实不仅仅是几个新工具。
它更像是Vite 生态的一次系统升级。
从:
一个构建工具走向:
一个完整的 Web 开发平台接下来几年,很可能会看到:
Vite 成为 Web 开发的默认基础设施。
而这场变化,也许才刚刚开始。
Vite+ 官网:
https://viteplus.dev/Vite8 官网:
https://vite.dev/Vite DevTools 官网:
https://devtools.vite.dev/Void 官网:
https://void.cloud/Vitest 官网:
https://vitest.dev/
