Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
58 changes: 57 additions & 1 deletion cli/docs/MCP_USAGE.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,4 +54,60 @@ To use this React Debugger MCP server with Cline (VS Code extension), add the co
}
}
}
```
```
## 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
Comment on lines +81 to +90

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

In Continue, individual files placed in the .continue/mcpServers/ directory represent a single MCP server configuration. Therefore, they should not contain the top-level mcpServers list wrapper or metadata like version and schema. Instead, the file should directly define the server's configuration properties (like command and args).

Suggested change
name: react-debugger
version: 1.0.0
schema: v1
mcpServers:
- name: react-debugger
command: npx
args:
- -y
- "@nhonh/react-debugger@latest"
- mcp
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:

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

medium

The instruction on this line is cut off and ends abruptly. Please complete the sentence to guide the user on what they should type in the Continue chat panel to verify the tools.

Suggested change
3. In the Continue chat panel, type:
3. In the Continue chat panel, ask a question that triggers the tool, for example: "Get the fiber node of the root element".

Loading