Setup guide
MCP servers for VS Code
VS Code uses MCP servers in Copilot's agent mode. Its config file looks like other clients' but uses a servers key and a type for each server.
Where VS Code keeps MCP servers
- One workspace
.vscode/mcp.json- Every workspace
Command Palette: MCP: Open User Configuration- Guided
Command Palette: MCP: Add Server
How to add an MCP server to VS Code
- Open the server's listing here and copy its VS Code snippet.
- Paste it into .vscode/mcp.json (create the file if it is missing), or run MCP: Add Server from the Command Palette and follow the prompts.
- Open Copilot Chat, switch to Agent mode, and pick the server's tools from the tools list. VS Code shows a start button above each server in mcp.json.
.vscode/mcp.json, a local server
{
"servers": {
"filesystem": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@modelcontextprotocol/server-filesystem",
"/path/to/folder"
]
}
}
}.vscode/mcp.json, a remote server
{
"servers": {
"example": {
"type": "http",
"url": "https://mcp.example.com/mcp"
}
}
}Graded MCP servers to start with
The most used servers graded A or B by the safety scan, one per publisher. Each listing has the exact VS Code setup.
Context7Up-to-date code docs for any promptnot reviewedWidely usedA- PlaywrightPlaywright Tools for MCPnot reviewedWidely usedA
Scrapling MCP ServerWeb scraping with stealth HTTP, real browsers, and Cloudflare bypass. CSS selectors supported.not reviewedWidely usedA- Chrome DevTools MCPMCP server for Chrome DevToolsnot reviewedWidely usedB
- RepomixPack local or remote codebases into AI-friendly files that LLMs and coding agents can read or searchnot reviewedWidely usedA
- SeleniumBase MCPStealthy browser automation, testing, and web-scraping via CDP Mode.not reviewedWidely usedA
SupabaseMCP server for interacting with the Supabase platformnot reviewedWidely usedA- Figma ContextGive your coding agent access to your Figma data. Implement designs in any framework in one-shot.not reviewedWidely usedB
- agent-deviceLet AI agents inspect, control, and debug real iOS, Android, desktop, and TV appsnot reviewedWidely usedA
- AIHawkAI browser agent: browses, clicks, types, and reads real web pages from plain-English instructions.not reviewedWidely usedA
- ArgentDrive iOS Simulators, Android emulators, TVs and Electron/web apps from your coding agentnot reviewedWidely usedA
- CCXTOfficial CCXT MCP server - Market data and trading across 100+ exchanges and prediction marketsnot reviewedWidely usedA
- agent-deviceMCP server for mobile app automation: verify, control, and debug iOS, Android, TV, and desktop appsnot reviewedWidely usedA
CloudBaseCloudBase MCP: DB, functions, storage, hosting via @cloudbase/cloudbase-mcpnot reviewedWidely usedA- XcodeBuildMCPXcodeBuildMCP provides tools for Xcode project management, simulator management, and app utilities.not reviewedWidely usedB
Before you connect one
- VS Code's key is servers, not mcpServers. Pasting another client's snippet unchanged is the most common reason a server does not load.
- Use the inputs section of mcp.json for API keys, so VS Code prompts for them instead of storing them in a file you commit.
- Check the server's safety report first: which tools write, whether a remote endpoint needs auth, and what a package runs when it installs. What the scan checks.
Or add one server that reaches all of them
The mcp.market gateway (gw.mcp.market/mcp) lets VS Code search graded servers and call them through one connection, and refuses F-graded ones. Gateway setup.
Questions people ask
- How do I add an MCP server to VS Code?
- Put it in .vscode/mcp.json under servers with a type (stdio or http), or run MCP: Add Server from the Command Palette.
- Does GitHub Copilot support MCP?
- Yes. Copilot's agent mode in VS Code uses the servers in mcp.json, and you choose which of their tools it may use.
- Why is my MCP server not working in VS Code?
- Check you used servers, not mcpServers, that each server has a type, and that the command runs in your terminal.