广告合作
MCP.so
登录

Vite Plugin Vue MCP Server

@webfansplz

代码仓库

基本信息

分类

开发工具

许可证

MIT

传输方式

stdio

作者

webfansplz

关于 Vite Plugin Vue MCP Server

Vite plugin that enables a MCP server helping models to understand your Vue app better.

Vite Plugin Vue MCP Server 配置

暂无标准配置

该服务器的 README 中没有可解析的 MCP 配置块，请前往代码仓库查看安装说明。

代码仓库

Vite Plugin Vue MCP Server 工具

工具列表暂未提供

当前收录暂时没有可展示的工具列表，不代表服务没有工具。请查阅项目文档了解支持的能力。

工具是从 README 中自动提取的。维护者可以在 ## Tools 标题下列出工具,即可填充这部分内容。

概览

What is vite-plugin-vue-mcp?

A Vite plugin that provides a Model Context Protocol (MCP) server for Vue applications, exposing the component tree, component state, Vue Router routes, Pinia store tree, and Pinia state. Designed for Vue developers using AI-assisted coding tools like Cursor.

How to use vite-plugin-vue-mcp?

Install the package with pnpm install vite-plugin-vue-mcp -D. Then add VueMcp() to the plugins array in vite.config.ts. After starting the Vite dev server, the MCP server listens at http://localhost:[port]/__mcp/sse. For Cursor, the plugin can automatically update the .cursor/mcp.json configuration.

Key features of vite-plugin-vue-mcp

  • Retrieve the Vue component tree
  • Read component state by name
  • Edit component state at a specific path
  • Highlight a component in the browser
  • Get Vue Router route information
  • Retrieve the Pinia store tree
  • Read individual Pinia store state

Use cases of vite-plugin-vue-mcp

  • Debugging component hierarchy and state during development
  • Modifying component state live via AI assistant
  • Navigating and inspecting Vue Router routes
  • Exploring and debugging Pinia stores
  • Enhancing AI‑powered code editors with live Vue app data

常见问题

1

Do I need my Vue application to be running to use the MCP tools?

Yes. The README states: “Please ensure the application is running in your browser before using the features.”

2

Can I provide a custom MCP server instead of the built‑in tools?

Yes. The `mcpServer` option lets you supply a completely custom MCP server; when provided, the built‑in tools are ignored.

3

How does vite-plugin-vue-mcp integrate with Cursor?

The plugin can automatically write or update the `.cursor/mcp.json` file with the MCP server URL. This behavior is enabled by default when a `.cursor` folder exists.

4

What is the default endpoint of the MCP server?

The MCP server is exposed at `http://localhost:[port]/__mcp/sse`.

5

What are the required dependencies?

Only `vite-plugin-vue-mcp` installed as a dev dependency is required. It integrates directly into the Vite dev server.

评论

开发工具 分类下的更多 MCP 服务器

Termany

thinkany-ai

Agent-Native Terminal

174

DrUrls

DrUrls

DrUrls audits websites for SEO, and its MCP server lets Claude, ChatGPT, Claude Code, Cursor or VS Code work with those audits directly: list your sites with their latest score and grade, read each issue across SEO, perf

Mcp-Warden

ermoluk

Local-first credential broker for MCP. AI coding agents (Claude Code, Cursor, Codex…) call APIs, SSH and databases through scoped presets; secrets stay in your OS keychain and never enter the agent's context.

4

TranscriptFetch MCP Server

TranscriptFetch

Model Context Protocol (MCP) server for TranscriptFetch: fetch YouTube transcripts, search, channels, and playlists from any MCP client.

Modelglass

Modelglass

Modelglass turns "which model should I use?" into a lookup instead of a guess. Seven tools give your agent live pricing across image, language, video, and audio models. Sourced and versioned, not scraped once and forgott

1
广告合作