Vite 插件:Vue MCP 服务器

Vite 插件:Vue MCP 服务器

一个 Vite 插件,提供 MCP 服务器以帮助模型更好地理解 Vue 应用。

安装

使用以下命令安装插件:

pnpm install vite-plugin-vue-mcp -D

使用

vite.config.ts 中添加插件:

import { VueMcp } from 'vite-plugin-vue-mcp'
export default defineConfig({
  plugins: [VueMcp()],
})

运行后,MCP 服务器将在 http://localhost:[port]/__mcp/sse 提供服务。

功能

  • 获取组件树:get-component-tree
  • 获取组件状态:get-component-state
  • 编辑组件状态:edit-component-state
  • 高亮组件:highlight-component
  • 获取路由信息:get-router-info
  • 获取 Pinia 树:get-pinia-tree
  • 获取 Pinia 状态:get-pinia-state

更多配置选项及详细说明,请查看 README。