news 2026/8/29 2:05:48

干掉 Vite ?尤雨溪开始 “强推“ Vize ?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
干掉 Vite ?尤雨溪开始 “强推“ Vize ?

🔥Vue工具链要被重写了?

Rust打造的Vize正在掀桌子!

前端这两年有一个明显趋势

用 Rust 重写前端工具链。

从打包器到编译器,从Lint到格式化,底层正在被全面“原生化”

而这一次,轮到了Vue

一个正在快速演进的项目 ——Vize, 正在尝试用Rust重构整套Vue工具体系。

它不仅仅是“更快一点”, 而是想把Vue编译分析格式化类型检查IDE支持全部统一进一个高性能内核。

🧠 Vize 到底是什么?

Vize= 用Rust重写Vue工具链。

它是一个非官方的高性能 Vue.js 工具体系,覆盖:

  • SFC 编译

  • Lint

  • Formatter

  • Type Check

  • CLI

  • LSP

  • 组件画廊(类似 Storybook)

  • Vite 插件

  • Nuxt 集成

  • WASM 浏览器运行

  • MCP / AI 集成

你没看错—— 它不是一个插件,而是一整套“Vue 开发底层重构计划”

⚔️ 它和 Vite 是什么关系?

很多人第一反应:

那它是不是要干掉Vite

答案:不是同一个层级。

  • Vite是通用构建平台

  • VizeVue编译与分析引擎

更准确理解:

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-sfc

  • eslint-plugin-vue

  • prettier

  • vue-tsc

关键点在于:

所有能力共享同一个AST与解析器。

这意味着更一致的语义分析更少工具间不一致问题。

🏗 架构设计:它为什么不只是“快一点”?

Vize采用典型的Rust crate分层架构:

第一层:基础解析层
  • Token 化

  • Span 位置系统

  • AST 构建

第二层:编译与转换核心
  • SFC 解析

  • 模板编译

  • JS/TS 转换

  • CSS scoped 处理

  • Vapor 高级编译模式

第三层:开发工具层
  • Lint

  • Formatter

  • Type Check

  • LSP

  • CLI

  • Musea组件画廊

这种结构带来一个巨大优势:

统一语义引擎驱动所有工具。

传统Vue工具链是“拼装车”:

  • 编译器一套

  • ESLint 一套

  • Prettier 一套

  • vue-tsc 一套

Vize“一体化引擎”

⚡ 性能:不是优化,是碾压

官方基准测试(15,000SFC文件):

编译速度
  • 官方compiler10.52s

  • Vize单线程:3.82s

  • Vize多线程:0.38s

👉 多线程下接近27× 提升

Lint
  • ESLint65.30s

  • Vize5.45s

👉 约 12× 提升

格式化
  • Prettier82.69s

  • Vize0.036s

👉 理论上数千倍差距(极端场景)

Type Check
  • vue-tsc35.69s

  • Vize0.369s

👉 约50~90×提升

为什么这么快?

  • GC

  • JIT预热

  • Rust零成本抽象

  • Rayon原生多线程

  • Arena内存分配

  • 更高缓存命中率

这不是微调,是底层模型差异。

🤖 更疯狂的是:AI 集成

Vize还支持MCP(Model Context Protocol)集成。

这意味着什么?

AI不再“猜”你的组件API

通过MCP Server

  • 列出组件

  • 查询 props

  • 获取 slots

  • 获取默认值

  • 生成真实可运行示例

配合Visual Studio CodeAgent模式,AI可以:

  • 直接理解你的组件库

  • 自动生成准确示例

  • 辅助重构

  • 理解设计token

🧩 与 Nuxt / WASM 的结合

Vize支持:

  • Nuxt模块接入

  • 浏览器内WASM编译

  • 在线Playground场景

  • 多环境运行

这意味着它不仅是CLI, 也是一个可嵌入式Vue 编译引擎

❗ 现在能生产使用吗?

还不行。

它仍处于实验阶段API可能变化。

但趋势往往在成熟之前就已经确定方向。

📌 总结一句话

如果说:

  • Vite解决了“开发速度”

  • Vize正在解决“工具链底层重构”

它可能不会明天取代所有东西,

但它已经说明了一件事:

Vue的未来,不止是框架升级,而是工具链升级。

如果你是:

  • Vue 深度使用者

  • 工具链爱好者

  • 编译器技术关注者

  • 或对 AI + 前端感兴趣

这个项目值得关注。

  • GitHubhttps://github.com/ubugeeei/vize

  • 官网https://vizejs.dev

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/8/21 2:49:01

PHILIPS RC6 M0协议避坑指南:曼彻斯特编码极性设置常见错误及解决方案

PHILIPS RC6 M0协议避坑指南:曼彻斯特编码极性设置常见错误及解决方案 最近在调试一个智能家居项目,需要兼容多种红外遥控协议,飞利浦的RC6 M0自然是绕不开的一环。本以为照着协议文档实现即可,没想到在实际用逻辑分析仪抓取波形、…

作者头像 李华
网站建设 2026/8/21 0:22:09

WinSCP与Xshell连接失败排查指南:从防火墙到SSH缓存的全面解决方案

1. 连接失败的“元凶”们:从防火墙到SSH缓存的全面排查 你是不是也遇到过这种让人抓狂的情况?明明服务器就在那里,Xshell能连上,但WinSCP死活就是报“网络错误,连接被拒绝”。或者反过来,Xshell也连不上了&…

作者头像 李华
网站建设 2026/8/25 4:51:17

3分钟掌握的智能壁纸获取方案:开源壁纸下载工具全解析

3分钟掌握的智能壁纸获取方案:开源壁纸下载工具全解析 【免费下载链接】Wallpaper_Engine 一个便捷的创意工坊下载器 项目地址: https://gitcode.com/gh_mirrors/wa/Wallpaper_Engine 开源壁纸下载工具是一款专为简化Steam创意工坊壁纸获取流程设计的高效工具…

作者头像 李华
网站建设 2026/8/21 1:16:02

智能监控与无人值守:抖音直播自动录制的完整技术指南

智能监控与无人值守:抖音直播自动录制的完整技术指南 【免费下载链接】DouyinLiveRecorder 项目地址: https://gitcode.com/gh_mirrors/do/DouyinLiveRecorder 在数字内容爆炸的时代,直播监控已成为内容创作者和媒体机构的重要需求。DouyinLiveR…

作者头像 李华
网站建设 2026/8/21 7:34:49

深入解析HuggingFace Tokenizer:核心参数配置与实战优化技巧

1. Tokenizer:不只是“切词器”,而是模型的第一道门 很多刚接触HuggingFace Transformers的朋友,可能和我最初一样,觉得Tokenizer就是个“分词”工具,把句子切成一个个词就完事了。但实际用起来,尤其是在处…

作者头像 李华