drio
Open app

VSCode MCP

Source

An MCP Server and companion VSCode Extension.

Catalog onlyCatalog onlySTDIO

Overview

VSCode MCP is a monorepo that includes the MCP Server and a companion VSCode Extension, enabling AI agents to interact with Visual Studio Code through the Model Context Protocol.

To use VSCode MCP, install the MCP Server using npx vscode-mcp-server install and then install the MCP Extension from the Visual Studio Marketplace.

  • Integration of AI agents with VSCode through the Model Context Protocol. - Tools for AI agents to create diffs, open files, and manage projects within VSCode. - Configuration options for different AI agents like Goose and Claude.
  1. Allowing AI assistants to modify code in VSCode.
  2. Enabling AI agents to open and manage projects seamlessly.
  3. Facilitating collaborative coding with AI support.

Add to your AI client

Use these steps to connect VSCode MCP in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "vscode-mcp-block": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "vscode-mcp-block": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "vscode-mcp-block": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "vscode-mcp-block": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "vscode-mcp-block": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "vscode-mcp-block": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-vscode-mcp-block"
      ]
    }
  }
}

FAQ

What is the Model Context Protocol?

The Model Context Protocol is a framework that allows AI agents to interact with development environments like VSCode.

Is the MCP Extension free to use?

Yes! The MCP Extension is available for free on the Visual Studio Marketplace.

What programming languages does VSCode MCP support?

VSCode MCP can be used with any programming language supported by Visual Studio Code.

Developer tools