VSCode
VS Code Setup¶
Visual Studio Code can connect to MCP servers using MCP-compatible extensions.
How to Find the Configuration File¶
The configuration file location depends on your setup. Choose one of these options:
Option 1: Project-level (Recommended)¶
Create the file in your project root:
Windows:
macOS/Linux:
If the .vscode folder doesn't exist, create it first.
Option 2: User Settings¶
The user settings location varies by OS:
- Windows:
%APPDATA%\Code\User\settings.jsonor%APPDATA%\Code\User\mcp.json - macOS:
~/Library/Application Support/Code/User/settings.jsonor~/Library/Application Support/Code/User/mcp.json - Linux:
~/.config/Code/User/settings.jsonor~/.config/Code/User/mcp.json
Configuration¶
Production Setup¶
Configure your MCP token in the client (e.g. Authorization: Bearer). Create or copy the token from Settings.
Steps¶
- Install a compatible MCP extension for VSCode (search for "MCP" or "Model Context Protocol" in Extensions)
- Create
.vscode/mcp.jsonin your project root (or configure in user/workspace settings) - Add the configuration JSON above
- Configure your MCP token (Bearer) in the client
- Reload VSCode window (Ctrl+Shift+P → "Reload Window")
- Authorize when prompted for authentication on first tool use
Troubleshooting¶
- Extension not found: Search for "MCP" or "Model Context Protocol" in the VSCode marketplace
- Configuration not loading: Check JSON syntax and file location
- Connection errors: Verify the endpoint URL and network connectivity
- Authentication required: Complete the OAuth flow when prompted
TRAE Setup¶
TRAE is an AI-powered code editor that supports MCP servers. The configuration format is identical to VS Code.
How to Find the Configuration File¶
The configuration file location depends on your setup. Choose one of these options:
Option 1: Project-level (Recommended)¶
Create the file in your project root:
Windows:
macOS/Linux:
If the .vscode folder doesn't exist, create it first.
Option 2: User Settings¶
The user settings location varies by OS:
- Windows:
%APPDATA%\Code\User\settings.jsonor%APPDATA%\Code\User\mcp.json - macOS:
~/Library/Application Support/Code/User/settings.jsonor~/Library/Application Support/Code/User/mcp.json - Linux:
~/.config/Code/User/settings.jsonor~/.config/Code/User/mcp.json
Configuration¶
Production Setup¶
Configure your MCP token in the client (e.g. Authorization: Bearer). Create or copy the token from Settings.
Steps¶
- Install a compatible MCP extension for TRAE (search for "MCP" or "Model Context Protocol" in Extensions)
- Create
.vscode/mcp.jsonin your project root (or configure in user/workspace settings) - Add the configuration JSON above
- Configure your MCP token (Bearer) in the client
- Reload TRAE window (Ctrl+Shift+P → "Reload Window")
- Authorize when prompted for authentication on first tool use
Troubleshooting¶
- Extension not found: Search for "MCP" or "Model Context Protocol" in the TRAE marketplace
- Configuration not loading: Check JSON syntax and file location
- Connection errors: Verify the endpoint URL and network connectivity
- Authentication required: Complete the OAuth flow when prompted
Related Documentation¶
- Installation Guide - Complete installation guide
- Getting Started - Quick start guide