Install MCP servers in VS Code.
VS Code supports MCP servers through a project-level .vscode/mcp.json file. GitHub Copilot reads this file and exposes the tools in the chat panel.
1. Create the config file
In your project root, create .vscode/mcp.json. If the .vscode folder does not exist, create it first.
my-project/ .vscode/ mcp.json
2. Add a server
Every server page on MCP Select includes a VS Code install snippet. Copy it into mcp.json. Example for Playwright MCP:
{
"servers": {
"playwright": {
"command": "npx",
"args": ["-y", "@executeautomation/playwright-mcp-server"]
}
}
}Note: VS Code uses servers, not mcpServers, at the top level.
3. Restart VS Code
Close VS Code completely and reopen it. Copilot discovers MCP tools on startup. Reloading the window is not always enough.
4. Verify the tools
Open the Copilot chat panel and ask:
What tools are available from the Playwright MCP server?
If the server is configured correctly, Copilot will list the tools and can invoke them. If nothing shows up, check the Output panel for MCP connection errors.
Common issues
- Tools do not appear: Restart VS Code. The file is only read at startup.
- Wrong key name: Use "servers" in mcp.json, not "mcpServers".
- Copilot not enabled: Make sure GitHub Copilot is installed and signed in.
- API key errors: Add env variables inside the server object, at the same level as command and args.
Browse tested servers
Find servers with verified VS Code install configs on our category pages.
Browse categories