MCP

MCP Integrations

Connect Model Context Protocol to your favorite development tools and IDEs. Follow our step-by-step guides to get started in minutes.

Official Support
Community Integration
Official

Visual Studio Code

Microsoft's popular code editor with MCP support via extensions

Difficulty: Easy
Time: 5-10 minutes

Quick Setup:

  1. Install the MCP extension from VSCode marketplace
  2. Create a .mcp/config.json in your project root
  3. Configure your MCP servers in the config file
VSCode MCP ExtensionVSCode Setup Guide
Official

Cursor

AI-first code editor with native MCP integration

Difficulty: Easy
Time: 3-5 minutes

Quick Setup:

  1. Open Cursor Settings (Cmd/Ctrl + ,)
  2. Navigate to Features → Model Context Protocol
  3. Click 'Add MCP Server'
Cursor MCP DocsCursor MCP Setup Video
Official

Claude Desktop

Anthropic's desktop app with full MCP support

Difficulty: Easy
Time: 5 minutes

Quick Setup:

  1. Open Claude Desktop application
  2. Go to Settings → Developer
  3. Click 'Edit Config' to open claude_desktop_config.json
Claude Desktop MCP GuideDownload Claude Desktop
Official

Zed

High-performance code editor with MCP integration

Difficulty: Medium
Time: 10 minutes

Quick Setup:

  1. Install Zed editor (https://zed.dev)
  2. Open Zed Settings (Cmd/Ctrl + ,)
  3. Add MCP configuration to settings.json
Zed MCP DocumentationZed Assistant Guide

Continue

Open-source autopilot for VSCode with MCP support

Difficulty: Medium
Time: 10-15 minutes

Quick Setup:

  1. Install Continue extension in VSCode
  2. Open Continue configuration (~/.continue/config.json)
  3. Add experimental MCP server configuration
Continue ExtensionContinue MCP Setup

Replit

Online IDE with experimental MCP support

Difficulty: Medium
Time: 15 minutes

Quick Setup:

  1. Create a new Repl or open existing project
  2. Add .replit configuration file
  3. Install MCP server package in Shell
Replit DocumentationMCP on Replit Guide

Visual Studio Code Setup

Step-by-Step Guide

  1. 1Install the MCP extension from VSCode marketplace
  2. 2Create a .mcp/config.json in your project root
  3. 3Configure your MCP servers in the config file
  4. 4Restart VSCode to activate MCP servers
  5. 5Access MCP features via the MCP sidebar

Configuration Example

{
  "mcpServers": {
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "/path/to/allowed/files"
      ]
    }
  }
}

Resources:

VSCode MCP ExtensionVSCode Setup Guide

Cursor Setup

Step-by-Step Guide

  1. 1Open Cursor Settings (Cmd/Ctrl + ,)
  2. 2Navigate to Features → Model Context Protocol
  3. 3Click 'Add MCP Server'
  4. 4Enter server configuration (command and args)
  5. 5Enable the server and restart Cursor

Configuration Example

{
  "mcpServers": {
    "github": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-github"
      ],
      "env": {
        "GITHUB_TOKEN": "your-token-here"
      }
    }
  }
}

Resources:

Cursor MCP DocsCursor MCP Setup Video

Claude Desktop Setup

Step-by-Step Guide

  1. 1Open Claude Desktop application
  2. 2Go to Settings → Developer
  3. 3Click 'Edit Config' to open claude_desktop_config.json
  4. 4Add your MCP server configurations
  5. 5Restart Claude Desktop to load servers

Configuration Example

{
  "mcpServers": {
    "brave-search": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-brave-search"
      ],
      "env": {
        "BRAVE_API_KEY": "your-api-key"
      }
    },
    "filesystem": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-filesystem",
        "~/Documents"
      ]
    }
  }
}

Resources:

Claude Desktop MCP GuideDownload Claude Desktop

Zed Setup

Step-by-Step Guide

  1. 1Install Zed editor (https://zed.dev)
  2. 2Open Zed Settings (Cmd/Ctrl + ,)
  3. 3Add MCP configuration to settings.json
  4. 4Install required MCP server packages
  5. 5Restart Zed to activate MCP features

Configuration Example

{
  "context_servers": {
    "mcp-server-git": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "@modelcontextprotocol/server-git",
          "--repository",
          "."
        ]
      }
    }
  }
}

Resources:

Zed MCP DocumentationZed Assistant Guide

Continue Setup

Step-by-Step Guide

  1. 1Install Continue extension in VSCode
  2. 2Open Continue configuration (~/.continue/config.json)
  3. 3Add experimental MCP server configuration
  4. 4Enable MCP in Continue settings
  5. 5Reload VSCode to activate

Configuration Example

{
  "experimental": {
    "modelContextProtocol": true
  },
  "mcpServers": {
    "postgres": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-postgres",
        "postgresql://localhost/mydb"
      ]
    }
  }
}

Resources:

Continue ExtensionContinue MCP Setup

Replit Setup

Step-by-Step Guide

  1. 1Create a new Repl or open existing project
  2. 2Add .replit configuration file
  3. 3Install MCP server package in Shell
  4. 4Configure MCP in replit.nix or .replit
  5. 5Run your MCP server in background

Configuration Example

{
  "run": "npm start",
  "env": {
    "MCP_SERVER": "npx -y @modelcontextprotocol/server-memory"
  }
}

Resources:

Replit DocumentationMCP on Replit Guide

Common Issues & Solutions

Server not connecting?

Check that Node.js is installed and npx is in your PATH. Try running the server command manually in terminal first.

Environment variables not working?

Ensure env variables are properly quoted in JSON. Restart your IDE after changing configuration.

Permission errors?

Some MCP servers need explicit file system permissions. Check server documentation for required access.

View Full Troubleshooting Guide

Next Steps

Browse MCP Servers

Discover 11,790+ MCP servers to integrate with your setup

Build Your Own Server

Create custom MCP servers for your specific needs

Security Best Practices

Learn how to secure your MCP integrations