Context7 :永远保持最新同步全网最全的代码文档库
github: https://github.com/upstash/context7 (opens in a new tab)
官网:https://context7.com (opens in a new tab)
推荐指数:⭐⭐⭐⭐⭐
介绍
目前主流的大语言模型(如 OpenAI (opens in a new tab),Claude (opens in a new tab),DeepSeek (opens in a new tab))的训练数据往往滞后于技术的更新,导致生成的代码常常基于已经废弃的旧版 API。尤其是前端组件甚至每两周都更新一次,使用context7能够实时文档获取,减少AI幻觉,context7覆盖了所有主流库,并且完全免费!
使用教程
获取API Key
首先访问官网:https://context7.com (opens in a new tab) 点击Sign In进行登录,如果没有注册过,那么先注册一下账号
点击 Click here to generate an API key 生成属于自己的专属API Key
点击复制按钮,需要保存好API key,因为只会出现一次,忘记后需要重新生成。
添加mcp
claude code
在启动claude code cli之前,执行如下命令来添加mcp(注意如果已经启动了cli,需要在添加mcp之后,先退出cli再重新进入)
claude mcp add --transport sse context7 https://mcp.context7.com/sse --header "CONTEXT7_API_KEY: 此处替换为刚才获取的key"
codex
windows用户进入 C:\Users\testuser\.codex
目录编辑config.toml
文件,添加如下配置,mac和linux用户打开终端,vi ~/.codex/config.toml
,粘贴后按一下键盘上的"ESC"案件,将输入法调成英文,输入:wq后按下Enter键保存并且退出。
[mcp_servers.context7]
args = ["-y", "@upstash/context7-mcp", "--api-key", "此处替换为刚才获取的key"]
command = "npx"
执行claude
或者codex
进入cli后,执行 /mcp 查看现有的mcp,可以看到 context7已连接,按一下键盘上的Esc键退出
执行效果
提问的最后添加上 use context7,输入:“请获取下最新的tailwind css 版本 use context7”,使用键盘上的 ↓ 调到总是允许,然后按一下Enter键
图中可以看到已经使用context7成功获取了文档
如果是Windows,为了避免换行符影响,应执行下面命令
git config --global core.autocrlf true