加入会员
Skip to content

访问受限

课程专属内容

MCP

课程导读

这节课介绍 Claude Code 的 MCP(Model Context Protocol)。你可以把 MCP 理解成给 Claude Code 接上的外部工具:查最新文档、理解 GitHub 仓库、操作浏览器等。学完这节课,你应该能安装常用 MCP、区分用户级和项目级安装,并知道如何查看、卸载和继续查找更多 MCP 资源。

一、安装 Context7

Context7 主要用来查询各种技术工具、框架和 API 的最新官方文档。

Context7 官网

1. 获取 API Key

Context7 Dashboard(获取 API Key)

注意

API Key 通常只会显示一次,创建后请及时保存。

不要把真实 API Key 写进公开文档、公开代码仓库或公开群聊。

2. 安装命令

把下面命令中的 YOUR_CONTEXT7_API_KEY 替换成你自己的 API Key:

bash
claude mcp add -s user --header "CONTEXT7_API_KEY: YOUR_CONTEXT7_API_KEY" --transport http context7 https://mcp.context7.com/mcp

3. 查看状态

在终端中查看 MCP 列表:

bash
claude mcp list

启动 Claude Code 后,也可以输入:

text
/mcp

二、安装 DeepWiki

DeepWiki 主要用来帮助 Claude Code 快速理解 GitHub 代码仓库。

DeepWiki MCP 文档

1. 安装命令

bash
claude mcp add --scope user -t http deepwiki https://mcp.deepwiki.com/mcp

提醒

Claude Code 的 MCP 服务列表是在启动时加载的。

如果你是在 Claude Code 运行过程中安装了新的 MCP,需要退出并重新启动 Claude Code,新的 MCP 才会生效。

三、MCP 安装范围

1. 用户级安装

带有 --scope user-s user,表示用户级安装。

bash
claude mcp add --scope user -t http deepwiki https://mcp.deepwiki.com/mcp

2. 项目级安装

去掉 --scope user,就是项目级安装。

bash
claude mcp add -t http deepwiki https://mcp.deepwiki.com/mcp

四、安装 Chrome DevTools MCP

Chrome DevTools MCP 可以让 Claude Code 操作 Chrome 浏览器。

Chrome DevTools MCP 项目

1. 安装命令

bash
claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest

2. 连接当前 Chrome 浏览器

先在当前 Chrome 中打开:

text
chrome://inspect/#remote-debugging

然后勾选:

text
Allow remote debugging for this browser instance

接着让 Claude Code 更新 Chrome DevTools MCP 配置,加入 --auto-connect 参数:

配置文件怎么选

请根据使用场景选择要修改的配置文件:

场景配置文件
仅当前电脑个人使用~/.claude.json
随项目共享给团队项目根目录下的 .mcp.json

Chrome DevTools MCP 这类个人工具,通常建议写在 ~/.claude.json 中。若 Claude Code 页面显示 Config location: /Users/you/.claude.json,说明当前应修改的就是用户配置文件。

同名 MCP 同时存在时,Claude Code 按作用域优先级生效:local > project > user

json
{
  "chrome-devtools": {
    "command": "npx",
    "args": [
      "-y",
      "chrome-devtools-mcp@latest",
      "--auto-connect"
    ]
  }
}

配置完成后,重启 Claude Code 生效。

五、卸载 MCP

bash
claude mcp remove <name>

示例:

bash
claude mcp remove deepwiki

六、更多 MCP 资源

市面上的 MCP 非常多,如果你想查找更多 MCP,可以参考下面这个资源列表。

Awesome MCP Servers 中文列表