🔥Vue工具链要被重写了?
Rust打造的Vize正在掀桌子!
前端这两年有一个明显趋势:
用 Rust 重写前端工具链。
从打包器到编译器,从Lint到格式化,底层正在被全面“原生化”。
而这一次,轮到了Vue。
一个正在快速演进的项目 ——Vize, 正在尝试用Rust重构整套Vue工具体系。
它不仅仅是“更快一点”, 而是想把Vue的编译、分析、格式化、类型检查、IDE支持全部统一进一个高性能内核。
🧠 Vize 到底是什么?
Vize= 用Rust重写Vue工具链。
它是一个非官方的高性能 Vue.js 工具体系,覆盖:
SFC 编译LintFormatterType CheckCLILSP组件画廊(类似 Storybook)Vite 插件Nuxt 集成WASM 浏览器运行MCP / AI 集成
你没看错—— 它不是一个插件,而是一整套“Vue 开发底层重构计划”。
⚔️ 它和 Vite 是什么关系?
很多人第一反应:
那它是不是要干掉Vite?
答案:不是同一个层级。
Vite是通用构建平台
Vize是
Vue编译与分析引擎
更准确理解:
Vite = 构建平台 Vize = Vue 的高性能编译核心Vize可以通过@vizejs/vite-plugin无缝接入Vite, 作为Vue编译后端替换默认实现。
这更像是:
给Vite换一颗
“性能级引擎”。
🚀 快速安装使用
安装CLI:
npm install -g vize核心命令:
vize build vize lint vize fmt vize check它试图替代:
@vue/compiler-sfceslint-plugin-vueprettiervue-tsc
关键点在于:
所有能力共享同一个
AST与解析器。
这意味着更一致的语义分析和更少工具间不一致问题。
🏗 架构设计:它为什么不只是“快一点”?
Vize采用典型的Rust crate分层架构:
第一层:基础解析层
Token 化Span 位置系统AST 构建
第二层:编译与转换核心
SFC 解析模板编译JS/TS 转换CSS scoped 处理Vapor 高级编译模式
第三层:开发工具层
LintFormatterType CheckLSPCLIMusea组件画廊
这种结构带来一个巨大优势:
统一语义引擎驱动所有工具。
传统Vue工具链是“拼装车”:
编译器一套ESLint 一套Prettier 一套vue-tsc 一套
而Vize是“一体化引擎”。
⚡ 性能:不是优化,是碾压
官方基准测试(15,000个SFC文件):
编译速度
官方compiler:
10.52sVize单线程:
3.82sVize多线程:
0.38s
👉 多线程下接近27× 提升
Lint
ESLint:
65.30sVize:
5.45s
👉 约 12× 提升
格式化
Prettier:
82.69sVize:
0.036s
👉 理论上数千倍差距(极端场景)
Type Check
vue-tsc:
35.69sVize:
0.369s
👉 约50~90×提升
为什么这么快?
无
GC无
JIT预热Rust零成本抽象Rayon原生多线程Arena内存分配更高缓存命中率
这不是微调,是底层模型差异。
🤖 更疯狂的是:AI 集成
Vize还支持MCP(Model Context Protocol)集成。
这意味着什么?
AI不再“猜”你的组件
API。
通过MCP Server:
列出组件
查询 props
获取 slots
获取默认值
生成真实可运行示例
配合Visual Studio Code的Agent模式,AI可以:
直接理解你的组件库
自动生成准确示例
辅助重构
理解设计
token
🧩 与 Nuxt / WASM 的结合
Vize支持:
Nuxt模块接入浏览器内
WASM编译在线
Playground场景多环境运行
这意味着它不仅是CLI, 也是一个可嵌入式Vue 编译引擎。
❗ 现在能生产使用吗?
还不行。
它仍处于实验阶段,API可能变化。
但趋势往往在成熟之前就已经确定方向。
📌 总结一句话
如果说:
Vite解决了
“开发速度”那Vize正在解决
“工具链底层重构”
它可能不会明天取代所有东西,
但它已经说明了一件事:
Vue的未来,不止是框架升级,而是工具链升级。
如果你是:
Vue 深度使用者
工具链爱好者
编译器技术关注者
或对 AI + 前端感兴趣
这个项目值得关注。
GitHub:
https://github.com/ubugeeei/vize官网:
https://vizejs.dev