How to install Vue MCP in Windsurf

1. 1

   Open the MCP config

   In Windsurf, open Settings, then Cascade, then MCP servers, and choose to view the raw config.

2. 2

   Add the server

   Paste this into mcp_config.json:

   {
     "mcpServers": {
       "vue-mcp": {
         "command": "npx",
         "args": [
           "-y",
           "vue-mcp"
         ]
       }
     }
   }

   Copy
3. 3

   Refresh

   Click refresh in the MCP panel. The server and its tools appear in Cascade.

Config file: ~/.codeium/windsurf/mcp_config.json

MCP servers run with your permissions. If Vue MCP needs an API key, add it under env in the config. Check its README.

Similar servers

J

Jitsu jitsucom

100

Manage Jitsu data pipelines: destinations, streams, connections, functions, live events.

AAA Remote 5.1k

O

Oh My Posh Validator JanDeDobbeleer

100

Validate oh-my-posh configurations and segment snippets against the official schema.

AAA Remote 24k

W

World Monitor koala73

98

Real-time global intelligence across conflict, markets, energy, trade, shipping and cyber. 95 tools.

ACA Remote 89k