vite-plugin-vue-mcp MCP Server
webfansplz/vite-plugin-vue-mcp
[](https://agentrank-ai.com/tool/webfansplz--vite-plugin-vue-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Are you the maintainer of webfansplz/vite-plugin-vue-mcp? Claim this listing →
Vite plugin that enables a MCP server helping models to understand your Vue app better.
Add AgentRank to Claude Code Discover and compare tools like webfansplz/vite-plugin-vue-mcp — your AI finds the right one automatically
Get API Access → claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
webfansplz/vite-plugin-vue-mcp is a Vue MCP server licensed under MIT. Vite plugin that enables a MCP server helping models to understand your Vue app better.
Ranked #12330 out of 24846 indexed tools.
Used by 37 other projects.
Ecosystem
Vue MIT
Score Breakdown
Stars 15% 579
579 stars → growing community
Freshness 25% 1y ago
Last commit 1y ago → stale
Issue Health 25% 23%
7/31 issues closed → many open issues
Contributors 10% 3
3 contributors → small team
Dependents 25% 37
37 dependents → few downstream users
npm Downloads N/A
PyPI Downloads N/A
Forks 32
Description Good
License MIT
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Description low impact
Freshness high impact
Issue Health high impact
Matched Queries
From the README
# vite-plugin-vue-mcp
[![npm version][npm-version-src]][npm-version-href]
[![npm downloads][npm-downloads-src]][npm-downloads-href]
[![bundle][bundle-src]][bundle-href]
[![License][license-src]][license-href]
Vite plugin that enables a MCP server for your Vue app to provide information about the component tree, state, routes, and pinia tree and state.
## Installation 📦
```bash
pnpm install vite-plugin-vue-mcp -D
```
## Usage 🔨
```ts
// vite.config.ts
import { VueMcp } from 'vite-plugin-vue-mcp'
export default defineConfig({
plugins: [VueMcp()],
})
```
Then the MCP server will be available at `http://localhost:[port]/__mcp/sse`.
If you are using Cursor, create a `.cursor/mcp.json` file in your project root, this plugin will automatically update it for you. For more details about the MCP, check the [official Cursor documentation](https://docs.cursor.com/context/model-context-protocol).
### Options
```ts
export interface VueMcpOptions {
/**
* The host to listen on, def Read full README on GitHub → Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.