diff --git a/cli/docs/MCP_USAGE.md b/cli/docs/MCP_USAGE.md index dcee977..c8ca23b 100644 --- a/cli/docs/MCP_USAGE.md +++ b/cli/docs/MCP_USAGE.md @@ -54,4 +54,60 @@ To use this React Debugger MCP server with Cline (VS Code extension), add the co } } } -``` \ No newline at end of file +``` +## Continue + +[Continue](https://www.continue.dev/) is an open-source AI coding assistant for VS Code and JetBrains. It supports MCP servers natively via `config.yaml` (preferred) or the legacy `config.json`. + +### Option A โ€” Global config ยท `config.yaml` (recommended) + +Add to `~/.continue/config.yaml` on macOS/Linux, or `%USERPROFILE%\.continue\config.yaml` on Windows: + +```yaml +mcpServers: + - name: react-debugger + command: npx + args: + - -y + - "@nhonh/react-debugger@latest" + - mcp +``` + +### Option B โ€” Workspace-scoped config + +Create `.continue/mcpServers/react-debugger.yaml` at the root of your project: + +```yaml +name: react-debugger +version: 1.0.0 +schema: v1 +mcpServers: + - name: react-debugger + command: npx + args: + - -y + - "@nhonh/react-debugger@latest" + - mcp +``` + +### Option C โ€” Legacy `config.json` + +If you haven't migrated to YAML yet, add to `~/.continue/config.json`: + +```json +{ + "mcpServers": [ + { + "name": "react-debugger", + "command": "npx", + "args": ["-y", "@nhonh/react-debugger@latest", "mcp"] + } + ] +} +``` + +### Verify the tools loaded + +1. Open VS Code with the Continue extension installed. +2. Switch Continue to **Agent** mode (MCP tools only work in Agent mode, not Chat mode). +3. In the Continue chat panel, type: