Vite成为首个接入AI的构建工具，前端开发效率提升200%！

正文

请到「今天看啥」查看全文

• 组件树结构：完整的组件层次关系
• 组件状态：包括props、data、computed等
• 路由信息：当前路由配置及状态
• Pinia状态：全局状态管理数据

这些信息使AI能够"看见"应用的全貌，从而提供更精准的辅助。

让AI理解你的Vue应用

vite-plugin-vue-mcp 插件是实现 Vite 接入 AI 的关键插件，它的主要功能包括：

1. 启动MCP服务器 ：为AI提供Vue应用的实时信息
2. 组件树分析 ：深入解析组件间的关系
3. 状态监控 ：实时追踪应用状态变化
4. 自动配置 ：无缝对接Cursor等AI工具

首先需要安装 vite-plugin-vue-mcp :

yarn add vite-plugin-vue-mcp -D

插件的使用很简单，只需几行代码即可启用：

// vite.config.js
import

请到「今天看啥」查看全文