vite-插件-vue-mcp
Vite 插件为您的 Vue 应用程序启用 MCP 服务器,以提供有关组件树、状态、路由以及 pinia 树和状态的信息。
安装📦
用法🔨
然后 MCP 服务器将可以通过http://localhost:[port]/__mcp/sse
访问。
如果您正在使用 Cursor,请在项目根目录下创建一个.cursor/mcp.json
文件,此插件将自动为您更新。有关 MCP 的更多详细信息,请参阅Cursor 官方文档。
选项
功能/工具✨
获取组件树
get-component-tree
:获取 Vue 组件树。
获取组件状态
get-component-state
:获取组件的状态(输入: componentName
)。
编辑组件状态
edit-component-state
:编辑组件的状态(输入: componentName
、 path
、 value
、 valueType
)。
突出显示组件
highlight-component
:突出显示组件(输入: componentName
)。
获取路线
get-router-info
:获取应用程序的 Vue 路由器信息。
获取 Pinia 树
get-pinia-tree
:获取应用程序的 Pinia 树。
获取 Pinia 州
get-pinia-state
:获取应用程序的 Pinia 状态(输入: storeName
)。
建筑⚡️
通知💡
在使用这些功能之前,请确保应用程序在您的浏览器中运行。
致谢💖
该项目灵感源自vite-plugin-mcp 。感谢@antfu的出色工作。
许可证📖
This server cannot be installed
通过模型上下文协议服务器公开组件树、状态、路由和 Pinia 数据,为 Vue 应用程序提供应用程序洞察。
Related Resources
Related MCP Servers
- AsecurityAlicenseAqualityA Model Context Protocol server that allows AI assistants to interact with Appwrite's API, providing tools to manage databases, users, functions, teams, and other resources within Appwrite projects.Last updated -8440PythonMIT License
- -securityAlicense-qualityA server that helps AI models better understand Vite/Nuxt applications, providing enhanced context awareness for development support.Last updated -637TypeScriptMIT License
- AsecurityAlicenseAqualityA Model Context Protocol server that allows AI assistants to interact with the VRChat API, enabling retrieval of user information, friends lists, and other VRChat data through a standardized interface.Last updated -713233TypeScriptMIT License
- -securityFlicense-qualityA Model Context Protocol server that provides a comprehensive interface for interacting with the ConnectWise Manage API, simplifying API discovery, execution, and management for both developers and AI assistants.Last updated -462Python