从 Vite 到 Vize:Vue 开发体验的下一次飞跃

作者:互联网

2026-03-06

Javascript教程

从 2019 年开始,前端的底层工具链就陆续使用 Rust 重写,这一次轮到 Vue 了。

Vize 横空出世!

一个基于 Rust 编写的、为 Vue.js 量身定制的一体化开发工具;通过原生级的速度,将 Vue 原本碎片化的编译、校验、格式化、类型检查、开发预览合并为一个极速、零配置的工具。

Vize 什么来头?

2026 年 2 月 22 号发布,首发就获得了尤雨溪的关注。

作者 ubugeeeiVue.jsVue.js JP 的成员。

Vize 能做什么:

  1. 极速编译 .vue 文件

比传统 JS 编译器快很多,大型项目秒开。

  1. 统一全流程 AST

编译、Lint、格式化、类型检查共用一套解析结果,不重复干活。

  1. 代码检查 + 格式化

替代 ESLint、Prettier,速度更快、规则更统一。

  1. 组件库可视化管理

预览、调试、文档、测试一体化,替代 Storybook。

  1. 对接 AI 助手

通过 MCP 让 AI 直接读取组件信息,写代码更准。

  1. 深度集成 Vite

作为高性能编译器插件,直接提升整个项目速度。

Vize、Vite、Vite+

兄弟而非对手,Vize 不是要取代 Vite。

两者的区别在于:

  • Vite:前端通用构建工具
  • Vize:Vue 编译器工具链

它们分工明确:

  • Vite:管整个项目怎么跑、怎么构建
  • Vize:管 .vue 文件怎么编译得更快

事实上,Vize 的许多功能都是建立在 Oxc 等基础技术之上的。

在 Vite 配置中,通过 @vizejs/vite-plugin-vize 替换 @vitejs/plugin-vue,让 Vite 的编译速度大幅提升。

Vize 和 Oxc

从技术底层看,两者功能确实有重叠,但 Vize 的核心价值在于针对 Vue SFC(单文件组件)的深度集成语义理解

oxlint 和 oxfmt 是通用的工具:

  • 处理纯 .js 文件
  • 处理纯 .ts 文件
  • 支持 React、Vue、Svelte 等

而 Vize:

  • 处理 .vue 文件中的