当前位置: 首页 > news >正文

尤雨溪力荐!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/

http://www.jsqmd.com/news/493881/

相关文章:

  • 避坑指南:Allegro导出Gerber时板框异常的5种解决方法(含钻孔文件配置)
  • 在Proxmox VE上部署Ubuntu Server 24.04 LTS:从镜像上传到系统配置的完整实践
  • FFmpeg解密TS文件保姆级教程:从爬虫到视频合并的完整流程
  • 打造专业媒体播放体验:开源播放器MPV完全指南
  • EMC设计实战:磁珠选型避坑指南(附PCB布局技巧)
  • Jetson Orin(Ubuntu20.04)SSH服务启动失败排查:从“Connection refused”到“no hostkeys available”的解决实录
  • OrCAD分裂元件自动编号避坑指南:从报错到完美解决的全过程
  • 效率倍增:用快马生成智能部署脚本,实现openclaw在ubuntu上的分钟级标准化安装
  • Vue3 + Spring Boot实战:5步搞定大模型智能问答系统(附完整代码)
  • AirLLM:低资源大模型部署的革命性突破——在4GB GPU上运行70B参数模型的实践指南
  • NovelAI:打造属于你的奇幻宇宙——从角色到世界的全方位创作指南
  • 3步打造安全个性系统:SecureUxTheme主题定制完全攻略
  • Galera集群实战:构建强一致性的MySQL多主同步架构
  • 造相-Z-Image-Turbo 本地化部署指南:利用内网穿透实现安全外部访问
  • uniapp中ruoyi-app的tabBar隐藏技巧:登录页底部导航栏消失术
  • StructBERT模型在政治舆情分析中的实践
  • 告别MAX7456!AT7456E低功耗OSD芯片在工业HMI中的5个实战技巧
  • RStudio实战指南:从脚本创建到命令行执行.R文件的完整流程
  • 利用EVA-02进行网络安全威胁情报文本分析
  • 打造无缝翻译体验:immersive-translate云同步功能全解析
  • 2026年03月16日最热门的开源项目(Github)
  • AWPortrait-Z多风格展示:从写实到艺术的视觉盛宴
  • 半导体工程师的生存指南:如何用5分钟搞定跨部门沟通?(含高频术语速查表)
  • Linux C时间函数避坑指南:为什么你的localtime_r在多线程下还是不准?
  • Escrcpy:高效控制安卓设备的跨平台协作解决方案
  • MinerU效果展示:1.2B小模型如何实现高精度文档语义理解
  • PDFKit高效文档优化指南:从体积控制到性能提升
  • CosyVoice与ComfyUI工作流结合:可视化语音生成管道搭建
  • OpenStack Yoga版实战:5分钟搞定Skyline Dashboard替换Horizon面板(附国内镜像加速)
  • 一键生成:CosyVoice语音克隆,让每个公式都有专属“解说员”