1. Home
  2. Cloudflare MCP Server
  3. Cloudflare MCP Server for VS Code: Setup & Config

Data as of

Cloudflare MCP Server for VS Code: Setup & Config

VS Code: Cloudflare MCP Server is a collection of product-specific remote servers for Cloudflare accounts.

Cloudflare MCP Server VS Code configuration

  1. Choose VS Code configuration scope

    For Cloudflare MCP Server, open Workspace: .vscode/mcp.json. Merge into servers; preserve existing inputs.

  2. Add Cloudflare MCP Server to VS Code

    Use the mcp-server-cloudflare entry below in servers. Keep Cloudflare MCP Server's documented http connection fields and your other VS Code entries.

  3. Check Cloudflare MCP Server in VS Code

    Cloudflare MCP Server: Start in VS Code’s MCP controls; inspect output and trust prompts.

Config file · Workspace: .vscode/mcp.json

JSON
{
  "servers": {
    "mcp-server-cloudflare": {
      "type": "http",
      "url": "https://observability.mcp.cloudflare.com/mcp"
    }
  }
}

Cloudflare in VS Code: http checks

  • The Cloudflare MCP Server entry connects to observability.mcp.cloudflare.com with type http. Start it through VS Code's MCP controls and review the endpoint before accepting trust prompts.
  • Cloudflare MCP Server: check http connectivity to observability.mcp.cloudflare.com from VS Code; a stdio command is not a replacement for this endpoint.
Catalog transports
stdio

Cloudflare MCP Server — details. VS Code guide

Frequently asked questions

For Cloudflare MCP Server, edit workspace .vscode/mcp.json. VS Code requires servers rather than mcpServers; preserve the displayed type on each entry.

VS Code's mcp-server-cloudflare example uses http. The Cloudflare MCP Server catalog lists stdio; these instructions follow the stored configuration instead.

VS Code connects Cloudflare MCP Server to observability.mcp.cloudflare.com using url.