Vite+ Beta

# 宣布 Vite+ Beta **摘要：** Vite+ 现已进入 Beta 阶段。它将每个 Web 项目所需的运行时、包管理器以及前端工具统一在一条快速、一致的工作流背后。使用 `vp create` 启动新项目，或通过 `vp migrate` 将其引入现有项目。 --- 今天，我们发布 **Vite+** (https://viteplus.dev/) 的 Beta 版本，这是一套面向 Web 的统一工具链。 Vite+ 是 Web 开发的单一入口点。它管理你的运行时和包管理器，并将 **Vite** (https://vite.dev/)、**Vitest** (https://vitest.dev/)、**Rolldown** (https://rolldown.rs/)、**tsdown** (https://tsdown.dev/)、**Oxlint** (https://oxc.rs/docs/guide/usage/linter.html) 和 **Oxfmt** (https://oxc.rs/docs/guide/usage/formatter.html) 与内置的任务运行器整合在一起——这些同类最佳的工具作为一套经过测试的堆栈一同交付。它完全开源，采用 MIT 许可，且框架无关，适用于任何类型的 Web 项目：从 CLI 工具到库，再到 Web 应用。 ## 为什么选择 Vite+？ (https://voidzero.dev/posts/announcing-vite-plus-beta#why-vite) Vite 证明了一个工具只要围绕合理的默认配置进行设计，就能既快速又提供出色的开发者体验。Vite+ 将同样的理念应用于开发工作流的其余部分。 开发者无需在每个仓库中学习不同的工具与命令组合，而是可以使用一致的工作流： - **`vp dev`** — 启动带有热模块替换的开发服务器，由 Vite 8 (https://vite.dev/) 驱动。 - **`vp check`** — 使用 Oxfmt (https://oxc.rs/docs/guide/usage/formatter.html) 格式化代码，使用 Oxlint (https://oxc.rs/docs/guide/usage/linter.html) 进行 lint 检查，并同时进行类型检查。 - **`vp test`** — 运行由 Vitest (https://vitest.dev/) 驱动的单元测试。 - **`vp build`** — 为生产环境构建项目，由 Vite 8 (https://vite.dev/) 驱动。 - **`vp pack`** — 打包库并内置最佳实践，由 tsdown (https://tsdown.dev/) 驱动。 - **`vp run`** — 通过内置的支持单仓库的任务运行器及智能缓存运行任意 npm 脚本或任务。 随着团队和代码库的增长，这些优势变得更加重要： - 工具版本保持一致。 - 配置更易于共享。 - 新贡献者的设置步骤更少。 - CI 运行与开发者在本地使用相同的命令。 Vite+ 适用于那些不想反复手动组装工具链的开发者，以及希望跨项目保持一致设置又无需维护自己内部平台的团队。 但 Vite+ **并不会取代 Vite 生态系统**。Vite 插件仍然是 Vite 插件，项目也可以继续在底层使用自己偏好的包管理器。Vite+ 提供了将它们整合为单一工具链的集成层。 ## 从 Alpha 到 Beta (https://voidzero.dev/posts/announcing-vite-plus-beta#from-alpha-to-beta) 当我们宣布 Vite+ Alpha (https://voidzero.dev/posts/announcing-vite-plus-alpha) 时，我们邀请开发者帮助我们在真实项目上进行测试。自那以后，我们发布了十几个版本并合并了超过 500 个拉取请求。 以下是我们迄今为止发布的一些亮点： - **更智能的缓存：** `vp run` 现在将 **自动数据跟踪** (https://viteplus.dev/guide/automatic-data-tracking) 与 Vite 报告的元数据相结合，因此构建能够正确缓存，无需手动列出输入、输出和环境变量。 - **更完善的迁移：** `vp migrate` 现在能够处理许多不同的应用设置，并为你的自动化代理提供迁移提示。 - **企业级功能：** 组织模板 (https://x.com/voidzerodev/status/2054903991557906632) 可以标准化团队间的设置，而**支持代理和自定义 CA 的 HTTP** (https://github.com/voidzero-dev/vite-plus/releases/tag/v0.1.23) 让 `vp` 能在企业代理和防火墙后面运行。 - **跨平台：** 我们强化了 `vp`，使其在所有主流操作系统和 Shell 上表现更佳。 - **打磨与完善：** 我们在 `vite-plus` 中落地了超过 180 项修复和改进，进一步打磨了本已扎实的工具链基础。 这些进展大部分来自一个不断壮大的国际 **核心团队** (https://viteplus.dev/team)，他们与更广泛的社区公开共建 Vite+。 你可以在 Vite+ 发布历史 (https://github.com/voidzero-dev/vite-plus/releases) 中了解详细的工作。 ## 集腋成裘 (https://voidzero.dev/posts/announcing-vite-plus-beta#it-all-adds-up) 在我们致力于 Vite+ 的同时，底层工具也在不断改进。没有它们，Vite+ 就不可能实现。以下是一些自 Vite+ Alpha 以来来自底层工具的亮点： - Vite 8.1 发布 (https://vite.dev/blog/announcing-vite8-1)，带有实验性的完整打包模式。 - Vitest 增加了对 **ARIA 快照** 的支持 (https://github.com/vitest-dev/vitest/pull/9668)。 - Rolldown 的 **1.0 发布** (https://voidzero.dev/posts/announcing-rolldown-1-0)，带有新的插件系统和改进的性能。 - tsdown 实现了 **CSS Modules 支持** (https://github.com/rolldown/tsdown/pull/834)。 - Oxlint 集成了 **原生 React Compiler lint 规则** (https://github.com/oxc-project/oxc/pull/23202)。 - Oxfmt 可以 **格式化 Svelte 代码** (https://github.com/oxc-project/oxc/pull/21700)。 ## 真实世界的采用 (https://voidzero.dev/posts/announcing-vite-plus-beta#real-world-adoption) Vite+ 已经超出了我们的预期被广泛采用。超过 **1,300 个公开仓库** (https://github.com/voidzero-dev/vite-plus/network/dependents) 依赖 `vite-plus`，这还不包括私有项目和全局 CLI 安装。 基于当月部分数据预测的 vite-plus npm 包月下载量折线图，从 2026 年 1 月的 4.6k 增长到 2026 年 7 月的 330 万。 采用遍布整个生态系统，涵盖多种项目类型。显著亮点包括： - **Dify** (https://github.com/langgenius/dify)：用于构建 LLM 应用的开源平台。 - **critical** (https://github.com/addyosmani/critical)：Addy Osmani 开发的框架无关的关键路径 CSS 工具。 - **BlockNote** (https://github.com/TypeCellOS/BlockNote)：基于块、Notion 风格的富文本编辑器，适用于 **React**。 - **vinext** (https://github.com/cloudflare/vinext)：基于 Vite 构建的即插即用 **Next.js** 兼容框架。 - **zerobyte** (https://github.com/nicotsx/zerobyte)：面向自托管者的备份自动化工具，基于 **TanStack** 和 React 构建。 - **îles** (https://github.com/ElMassimo/iles)：针对 **Vue** 的局部水合岛屿站点生成器。 - **agentsview** (https://github.com/kenn-io/agentsview)：面向编码代理的本地优先会话搜索与分析工具，基于 **Svelte** 构建。 - **Inkline** (https://github.com/inkline/inkline)：跨 **Vue、React、Svelte、Angular、Solid、Qwik 和 Astro** 交付的 UI 组件库。 - **npmx** (https://npmx.dev/)：基于 **Nuxt** 构建的开源 npm 注册表浏览器。 > 在 npmx，我们关心每一毫秒的性能——无论是在运行时还是在开发中。Vite+ 通过保持开发体验的快速，以及加速 CI 和审查流程，让我们的社区生活更美好。——Daniel Roe (https://bsky.app/profile/danielroe.dev/)，npmx ## 通往 1.0 之路 (https://voidzero.dev/posts/announcing-vite-plus-beta#road-to-1-0) Vite+ 是稳定的，但尚未完全完成。如果它涵盖了你在统一工具链中寻找的功能，我们建议你采用 Vite+，并且在我们向 Vite+ 1.0 迈进的过程中，我们会添加更多功能。在此过程中，我们将重点关注： - 为 `vp run`（Vite Task）实现远程缓存 - 为 GitLab CI/CD 引入 `setup-vp` - 改善与 Vite 框架和插件的兼容性 - 支持更多迁移目标 - 添加分发渠道，例如官方的 Homebrew 配方 - 让文档和诊断信息更加清晰 此外，我们将 **优先考虑社区的反馈**，以修复任何剩余的兼容性问题，然后再发布 1.0 版本。 ## 尝试 Vite+ Beta (https://voidzero.dev/posts/announcing-vite-plus-beta#give-vite-beta-a-try) 安装全局 `vp` 命令： macOS / Linux ```sh curl -fsSL https://vite.plus | bash ``` Windows (PowerShell) ```powershell irm https://vite.plus/ps1 | iex ``` 然后创建一个新项目： ```sh vp create my-app cd my-app vp dev ``` 或者在现有 Vite 项目中尝试 Vite+： ```sh cd existing-vite-project vp migrate vp dev ``` **重要提示：** 迁移命令会显示它计划更改的内容，但复杂项目可能仍需手动跟进。在将 Vite+ 用于生产项目之前，请阅读迁移指南 (https://viteplus.dev/guide/migrate)。 --- 我们尤其对以下人员的反馈感兴趣：正在迁移现有项目的开发者、框架和插件作者，以及维护大型仓库的团队。 - **文档：** viteplus.dev (https://viteplus.dev/guide/) - **Discord：** 加入 VoidZero 社区 (https://discord.gg/cAnsqHh5PX) - **GitHub：** 报告问题并贡献代码 (https://github.com/voidzero-dev/vite-plus) - **X 和 Bluesky：** 关注 @voidzerodev (https://x.com/voidzerodev) 和 voidzero.dev (https://bsky.app/profile/voidzero.dev) 获取生态系统更新 感谢所有测试 Alpha 版本、报告问题和为项目做出贡献的人。