news 2026/8/8 5:19:10

尤雨溪力荐!Vite 生态 5 个 “新玩具“ 登场!

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
尤雨溪力荐!Vite 生态 5 个 “新玩具“ 登场!

最近一周,Vue作者尤雨溪(Evan You)X上连续发布了5个重要项目更新。

5个发布分别是:

  • Vite+统一 Web 工具链

  • Vite 8新一代构建核心

  • Vite DevTools官方开发调试工具

  • VoidVite 原生部署平台

  • 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 / Solid

  • SSR / SSG / ISR / Islands

  • AI 原生工具

  • 一键部署

也就是说,你开发一个Vite应用,可以直接:

vite dev vite deploy

就能上线。

如果这个模式成熟,Vite开发体验将会形成一个完整闭环:

开发 → 构建 → 测试 → 部署

全部在一个生态里完成。

五、Vitest 4.1 正式版发布

最后一个更新是Vitest 4.1

VitestVite生态的测试框架。

如果说:

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/

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/14 15:24:05

Kimi-VL-A3B-Thinking多模态代理能力展示:OSWorld任务中媲美GPT-4o-mini

Kimi-VL-A3B-Thinking多模态代理能力展示:OSWorld任务中媲美GPT-4o-mini 1. 模型简介 Kimi-VL-A3B-Thinking是一款高效的开源混合专家(MoE)视觉语言模型,在保持紧凑参数规模的同时,提供了强大的多模态推理能力。该模…

作者头像 李华
网站建设 2026/7/14 15:24:07

ROS2数据回放技巧:如何用ros2 bag完美复现机器人测试场景

ROS2数据回放实战:从基础操作到工业级复现的完整指南 在机器人开发流程中,测试场景的可靠复现往往比首次成功更具挑战性。想象一下这样的场景:当你的机器人在凌晨3点突然出现异常行为,而开发团队需要等到第二天才能开始调试——这…

作者头像 李华
网站建设 2026/7/14 15:24:19

Vue3项目效率提升秘籍:用unplugin-auto-import实现零import开发

Vue3项目效率革命:unplugin-auto-import自动化导入实战解析 1. 现代前端开发的效率痛点 在快节奏的企业级开发中,Vue3项目常面临这样的场景:每次编写组件时都需要重复导入ref、computed等Composition API,路由跳转前总要写import …

作者头像 李华
网站建设 2026/7/14 15:24:20

CoPaw多语言翻译与本地化效果展示:跨越语言障碍的技术文档处理

CoPaw多语言翻译与本地化效果展示:跨越语言障碍的技术文档处理 1. 翻译质量惊艳亮相 技术文档的翻译从来不是简单的文字转换,特别是对于API文档和技术博客这类专业内容。传统机器翻译往往在术语准确性和表达自然度上捉襟见肘,而CoPaw的表现…

作者头像 李华