Connecting Cursor / VS Code

Cursor and VS Code both support MCP servers. The configuration is nearly identical.

Cursor#

Cursor reads MCP config from ~/.cursor/mcp.json (global) or .cursor/mcp.json (per-project).

{
  "mcpServers": {
    "storemcp": {
      "url": "https://your-site.com/wp-json/storemcp/v1/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_api_key"
      }
    }
  }
}

Restart Cursor. Open the Composer or Chat and the tools will be available.

VS Code#

1. Install the MCP extension (or use Copilot Chat's MCP support)
2. Add to .vscode/mcp.json in your workspace:

{
  "servers": {
    "storemcp": {
      "type": "http",
      "url": "https://your-site.com/wp-json/storemcp/v1/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_api_key"
      }
    }
  }
}

Windsurf#

Windsurf MCP config lives at ~/.codeium/windsurf/mcp_config.json:

{
  "mcpServers": {
    "storemcp": {
      "serverUrl": "https://your-site.com/wp-json/storemcp/v1/mcp",
      "headers": {
        "Authorization": "Bearer sk_live_your_api_key"
      }
    }
  }
}

Use cases inside an editor#

Inside a code editor, StoreMCP shines for tasks like:

• Syncing product data between a Next.js app and WooCommerce
• Generating test fixtures from real products
• Debugging why an order is stuck in "processing"
• Reading the site's Yoast SEO meta alongside the code that generates it