刚刚,尤雨溪宣布正式推出Vite+,完全开源免费!前端工具链要变天?

更新日期: 2026-03-13 阅读: 21 标签: Vite

刚刚,尤雨溪宣布,正式推出预热已久的 Vite+,完全开源(MIT 协议),免费!从定位来看,Vite+ 不再只是一个构建工具,而是尝试成为一整套 JavaScript 开发工具链的入口。

简单理解就是:把项目创建、构建、测试、Lint 等常见开发流程整合到一个 CLI 里。


前端工具链一直很碎

如果你做过稍微复杂一点的前端项目,大概率会遇到这种情况:

一个项目里通常会有很多工具,比如:

  • 构建工具

  • TypeScript

  • 测试框架

  • Lint

  • Formatter

  • package manager

  • monorepo 工具

这些工具各自都很好,但问题是:它们非常零散,组合到一起使用体验很差。

比如:

  • 每个工具一套配置

  • CI 里要跑很多命令

  • monorepo 任务依赖难管理

  • 不同项目的工具链差异很大

这其实是 JavaScript 生态长期存在的问题。


Vite+ 想解决什么问题?

Vite+ 的目标其实很明确:提供一套默认的开发工具链。

官方的理念是:一个 CLI + 一个 vite.config.ts,就能管理整个开发流程。

也就是说,不再需要自己拼一堆工具,而是直接使用一套默认组合。


Vite+ 的使用方式

Vite+ 提供了一个新的 CLI,命令叫 vp。

日常开发中常见的那些任务,都可以通过 vp 来完成。

环境管理:

vp env

这个命令用于管理 Node.js 运行环境,可以同时支持全局版本和项目级版本。

安装依赖:

vp install

Vite+ 会自动识别项目使用的包管理器,并用正确的工具安装依赖,比如 pnpm、npm 或 yarn。

启动开发服务器:

vp dev

这一部分就是大家熟悉的 Vite 开发体验:使用原生 ES Modules,并提供非常快的 HMR(热更新)。

代码检查:

vp check

这个命令会一次性完成三件事:

  • 使用 Oxlint 做代码 lint

  • 使用 Oxfmt 进行代码格式化

  • 使用 tsgo 做 TypeScript 类型检查

也就是说,原本需要多个工具的检查流程,现在可以用一个命令完成。

运行测试:

vp test

这里集成的是 Vitest,Vite 生态的测试框架,可以提供很快的测试反馈。

构建生产版本:

vp build

生产构建使用的是新的 Rust 工具链:

  • Rolldown 负责打包

  • Oxc 负责编译和优化

目标是提供更快的构建速度。

运行任务:

vp run

用于执行 monorepo 里的任务,并支持自动缓存和依赖分析。

打包库:

vp pack

可以把项目打包成 npm 包发布,也可以构建成独立应用的二进制版本。

创建项目:

vp create

用于快速创建新项目或者 monorepo,并生成官方推荐的项目配置。


完全开源,免费!

其实早在去年,尤雨溪就已经多次提到 Vite+ 这个计划。

当时社区里一个比较普遍的猜测是:Vite+ 可能会收费。

毕竟现在 Vite 背后是一家商业公司(VoidZero),维护一整套开发工具链,本身就需要长期投入。

而从这次的官方公告来看,这个猜测也并不是空穴来风。

在公告里可以看到,团队早期确实认真讨论过一种模式:

  • 个人开发者免费

  • 企业用户付费授权

这在基础设施项目里其实很常见。不过最终他们还是改变了想法。

官方给出的理由是:只有真正免费开源,Vite+ 才能实现它的使命——让 JavaScript 开发者比以往任何时候都更加高效。

所以最终决定:Vite+ 将保持完全开源和免费。


Vite 生态的一次整合

过去很多年前端项目的工具链都是开发者自己拼出来的:构建、测试、Lint、任务管理,各选一套。

而 Vite+ 想尝试的是另一种方式:提供一套默认工具链。

目前它还只是 Alpha 阶段,很多能力也还在开发中。

但可以看出来,Vite 生态正在慢慢从一个构建工具,走向一整套开发基础设施。

源码: https://github.com/voidzero-dev/vite-plus

本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://fly63.com/article/detial/13408

相关推荐

VueConf 2025 技术盘点:Vue与Vite迈向大一统时代

7月的深圳,VueConf 2025大会刚刚结束。Vue作者尤雨溪带来了关于Vue和Vite的最新动态。这些更新将深刻影响前端开发方式,下面就是本次大会的核心内容。

使用Vite快速构建前端React项目

Vite是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端开发体验。除了Vite外,前端著名的构建工具还有Webpack和Gulp。目前,Vite已经发布了Vite3

在vite2和Vue3中配置Mockjs

在 Vite2 与 Vue3 中使用Mockjs时有一些官方文档没有提到的注意点,特意做此记录。MockJS 依赖的安装,在 package.json 中设置环境变量,在 vite.config.js 中添加 mockjs 插件

Vite多页面应用配置&使用vite-plugin-html向html模板注入数据或标签

在开发过程中,简单地导航或链接到 /nested/ - 将会按预期工作,与正常的静态文件服务器表现一致。也就是说,如果你的文件夹有如下层级:

vue3 vite 系统标题 系统名称统一配置

想要统一配置系统名称 或者其他的,需要在vue3中使用 vite 的环境变量;vite 的环境变量 需要创建两个文件(和 vite.config.js 文件同一目录)

Vite开发环境搭建

Vite现在可谓是炙手可热,可能很多小伙伴还没有使用过Vite,但是我相信大多数小伙伴已经在使用Vite了,因为是太香了有没有。可能在使用过程中很多东西Vite不是配置好的,并不像Vue-cli配置的很周全,那么今天就说一下如何配置开发环境

Vite开发快速入门

Vite (法语意为快速的,发音 /vit/) 是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端的开发体验。除了Vite外,前端著名的构建工具还有Webpack和Gulp。目前,Vite已经发布了Vite2,Vite全新的插件架构、丝滑的开发体验

你还不会写 vite 插件吗?没关系,我教你啊!

vite 其实就是一个由原生 ES Module 驱动的新型 Web 开发前端构建工具。vite 插件 就可以很好的扩展 vite 自身不能做到的事情,比如 文件图片的压缩、 对 commonjs 的支持、 打包进度条 等等。

vue3.x+ts+vite2环境变量配置

默认 dev 环境下使用 .env.development 环境变量配置, build 环境下使用 .env.production ,所以不需要在 package.json 中再指定模式了

Vite使Vue CLI过时了吗?

Vue 生态系统中有一个名为 Vite 的新构建工具,它的开发服务器比 Vue CLI 快 10-100 倍。这是否意味着 Vue CLI 已经过时了?在本文中,我将比较这两种构建工具

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!