広告掲載
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.

コメント

「開発者ツール」の他のコンテンツ

Termany

thinkany-ai

Agent-Native Terminal

174

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

Cronwatch

cronwatchdev

CronWatch records every run of your scheduled jobs in your own database, and speaks up when one is missed, fails, gets stuck, runs slow or costs too much. CronWatch is free and open-source.

31

GripForge

gripforgeai

The tools your AI needs to make your games. Turn prompts into production-ready game assets — animated characters with their weapons attached, seamless textures, terrain, VFX, HUDs — and playable game kits Unity, Godot, U

1

Ramen

bkraad47

Multi-zone MCP server for GKE/EKS/AKS: Python tools from git, NeMo guardrails, SSO, autoscaling.

広告掲載