JetBrains IDEs

Connect Vue Docs MCP to any JetBrains IDE (WebStorm, IntelliJ IDEA, PyCharm, etc.) with AI Assistant.

Setup

See the JetBrains AI Assistant MCP docs for full details.

Via Settings UI

1. Go to Settings > Tools > AI Assistant > Model Context Protocol (MCP)
2. Click + Add
3. Select the HTTP tab
4. Paste the configuration:

{
  "mcpServers": {
    "vue-docs": {
      "url": "https://mcp.vue-mcp.org/mcp"
    }
  }
}

5. Click Apply

Via Config File

Alternatively, add the JSON above directly to your MCP config file.

Verify

After applying, the Vue Docs tools should appear in the AI Assistant MCP tools list.

Usage

Ask AI Assistant about Vue:

• "How does v-model work with custom components?"
• "Show me the computed API reference"
• "Compare ref and reactive"

Self-Hosted Server

For a self-hosted instance:

{
  "mcpServers": {
    "vue-docs": {
      "command": "uv",
      "args": ["run", "--directory", "/path/to/vue-mcp", "vue-docs-server"]
    }
  }
}