MCP Debugger
A Postman-like debugger for Model Context Protocol (MCP) servers directly in VS Code.
Features
- 🔌 Multiple Transport Support: Connect to MCP servers via STDIO or HTTP (SSE)
- 🛠️ Interactive Tool Testing: Browse and execute tools with a user-friendly interface
- 📝 Resource Management: View and access server resources
- 💡 Prompt Explorer: List and test server prompts
- 🎨 Modern UI: Clean, intuitive interface integrated into VS Code
Installation
- Open VS Code
- Go to Extensions (Ctrl+Shift+X)
- Search for "MCP Debugger"
- Click Install
Usage
Opening the Debugger
- Click on the MCP Debugger icon in the Activity Bar (left sidebar)
- Or use Command Palette (Ctrl+Shift+P) and search for "MCP Debugger: Open"
Connecting to an MCP Server
STDIO Connection
- Select "Studio" as the connection type
- Enter the command to run your MCP server
- Add any required arguments
- Click "Connect"
HTTP/SSE Connection
- Select "HTTP" as the connection type
- Enter the server URL (e.g.,
http://localhost:3000/sse)
- Click "Connect"
- Once connected, navigate to the "Tools" tab
- Select a tool from the list
- Fill in the required parameters
- Click "Execute" to run the tool
- View the response in the output panel
Viewing Resources
- Navigate to the "Resources" tab
- Browse available resources
- Click on a resource to view its contents
Testing Prompts
- Navigate to the "Prompts" tab
- Select a prompt from the list
- Fill in any required arguments
- View the rendered prompt
Requirements
- VS Code version 1.90.0 or higher
- Node.js (for STDIO connections)
Extension Settings
This extension currently does not add any VS Code settings.
Known Issues
- SSE connections require the
eventsource polyfill (included)
Release Notes
0.0.1
- Initial release
- STDIO and HTTP/SSE transport support
- Tool execution with JSON parameter input
- Resource viewing
- Prompt testing
Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
License
This extension is licensed under the MIT License.
Acknowledgments
| |
