StackMCP

Set up Cloudflare MCP in VS Code

Interact with Cloudflare services including Workers, KV, R2, D1, and DNS management from your AI editor.

1

Locate the config file

VS Code reads MCP server configuration from the following file:

.vscode/settings.json → mcp section

Create this file if it does not already exist. For VS Code, this is inside your workspace .vscode/settings.json file under the mcp section.

2

Add the configuration

Add the following to your VS Code config file:

json
{
  "servers": {
    "cloudflare-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@cloudflare/mcp-server-cloudflare"
      ],
      "env": {
        "CLOUDFLARE_API_TOKEN": "YOUR_CLOUDFLARE_API_TOKEN",
        "CLOUDFLARE_ACCOUNT_ID": "YOUR_CLOUDFLARE_ACCOUNT_ID"
      }
    }
  }
}
3

Set up environment variables

Cloudflare MCP requires the following environment variables:

CLOUDFLARE_API_TOKENRequired

Cloudflare API token

CLOUDFLARE_ACCOUNT_IDRequired

Cloudflare account ID

4

Verify it works

Restart VS Code. Cloudflare MCP should appear in your MCP server list with 18 tools available.

This server adds approximately 9,270 tokens to your context window for tool definitions.

Set up Cloudflare MCP in other editors

Claude CodeCursorWindsurfClaude DesktopContinue
← Back to Cloudflare MCP