10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI编程开发

用 Cursor 搭配 Context7,让 AI 自动看文档、写对代码的神级MCP插件

4月前 AI编程开发 5452 0

前面苏米写过不少 Cursor 的玩法,也提过很多次,虽然 AI 写代码已经很香了,但一个老大难问题一直没法绕开——生成的代码总是依赖旧版本的库,用起来不是报错就是不兼容,改起来比重写还烦。

挖到“宝”了,Context7刚好可以帮我们完美解决这个问题。苏米发现这个工具简直就是为解决LLM生成过时代码而生的。

Context7到底有多强?

简单来说,它能够实时拉取最新的、基于特定版本的文档和代码示例,并将这些内容直接注入到Cursor等AI编程工具中,让我们获得更准确、更实用的代码。

比起自己去搜、去补上下文、担心版本差异带来的 bug,Context7 直接一键解决。它能:

  • 拉取官方指定版本库的文档和代码示例

  • 注入到 AI 的提示词里,让 AI 带着上下文生成代码

  • 支持 Cursor、Trae 等多款 MCP 编程工具

目前支持的库也够用了:包括 React、Next.js、FastAPI、n8n、LangChain 等主流框架,总数据量已经超 13 万条了。

Context7的工作原理

Context7作为MCP Server运行,核心工作流程非常简单:

只需要搞定 2 件事:

  1. 在提示词里加上关键词:use context7

  2. 部署 MCP Server,让它帮你连接 Context7

整个流程大概是这样:

在 Cursor 中部署 Context7

部署Context7非常简单,跟着苏米的步骤来:

打开 Cursor,点击 Settings → MCP → Add new global MCP Server

把下面这段配置粘进去:

{
"mcpServers": {
  "context7": {
    "command": "npx",
    "args": ["-y", "@upstash/context7-mcp"]
  }
}
}

保存后,看到绿色小圆点就表示安装成功啦!

如果你用的是 Trae、Windsurf、 VS Code,同样把这段 json 放进去就行。

怎么用?

用了就回不去系列——只要在 prompt 里加一句 use context7,Context7 就会自动工作啦。

比如我们常用的 moviepy 库,版本差异很大:

  • 1.x:旧方法

  • 2.x:新方法,很多地方变了

默认 AI 可能用的是 1.x,但你项目装的是 2.x,运行就会炸。这时候,只需要:

写一个剪辑视频的脚本,使用 moviepy 库。use context7

AI 就会自动去查 2.x 的最新用法,直接给你对的代码!

再比如:

创建一个基于 Next.js App Router 的项目结构。use context7

或者:

根据我的 PostgreSQL 账号,写一个脚本删除 city 为空的行。use context7

只要加上关键词,它就能正确处理版本问题,自动注入文档信息。

注意事项

  1. 按需使用:Context7目前免费,但频繁调用会消耗大量资源,建议只在必要时开启。

  2. 文档名准确:输入的文档名要准确,如果有问题可能找不到相应文档。建议开启联网搜索作为兜底策略。

  3. 版本指定:如果需要特定版本的文档,在提示词中明确指出版本号。

  4. 组合使用:可以和Cursor的其他功能组合使用,比如配合Composer使用效果更佳。

更多玩法

Context7 的用法其实还挺灵活的,如果你喜欢折腾:

  • 也可以用 bunx、deno 来部署(文档里都有)

  • Claude Desktop、Windsurf 也支持接入

  • 自己建个私有 MCP Server 也没问题

更多配置细节可以看官网:

官网:https://context7.com/

GitHub:https://github.com/upstash/context7

总结

Context7绝对是每个Cursor用户必装的MCP插件,像 React、LangChain 这种更新飞快的库,就光版本的兼容的BUG就够Cursor废掉你的不少次数,而且还不一定能解决,Context7 的出现就像是帮Cursor补齐了开发前的技术手册,用最新手册来帮我们写代码,效率提升不止一星半点。

如果你也有好玩的用法,记得评论区和苏米一起交流!

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:用 Cursor 搭配 Context7,让 AI 自动看文档、写对代码的神级MCP插件
#Context7 #Cursor #MCP #MCP插件 #Cursor插件 
收藏 1
提示词:如何用AI生成MBE风格图标、描边图标、卡通图标
Fogsight (雾象):一句话自动生成任何科普动画
推荐阅读
  • Claude Code 1.0.73版本更新:让Claude Code 自己操作自己的六大实用技巧
  • 深度解读Cursor首席设计师12条黄金法则,让Cursor写出高质量代码,丝滑到起飞!
  • Cursor Rules:让AI更懂你的代码风格与需求
  • Cursor开发必备:7个开发常用的Cursor指令,由浅入深实战技巧分享
  • Claude Code Chat:一款VS Code的插件,让 Claude Code 秒变IDE的最佳方案
评论 (0)
请登录后发表评论
分类精选
手把手教你用支付宝订阅 Cursor Pro:国内用户最全开通教程(附取消自动扣费)
12988 3月前
Cursor 0.46更新,新增支持Claude 3.7 + GPT 4.5,Cursor Pro 无限续杯攻略,全自动化工具使用说明
10998 7月前
学生党0元白嫖!手把手教你解锁Cursor Pro年VIP,超详细申请教程(附避坑指南)
10757 5月前
Claude Code 官方已支持Windows系统!手把手教你免费安装使用Claude Code
9436 3月前
Cursor代码生成器中文使用教程,Cursor新手入门完全指南,全网最全面详细的Cursor使用教程
9289 9月前
Claude Code Rules:claude.md文件配置完全指南
7698 2月前
Claude Code + MCP 实战教程:手把手教你如何在Claude Code里面使用MCP
7508 2月前
手把手教你在Claude Code 中使用Kimi K2 模型,超简单配置教程分享
6564 3月前
深入解析Cursor的安全性与功能:官方安全文档中披露的代码检索逻辑
6056 9月前
手把手教你在VS Code & Cline/RooCode 中使用Kimi K2 模型,配置实录+开发实战体验
6037 3月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Cursor Agent 完全实战指南:如何让 AI 真正改变你的编程方式
2 Claude Code YOLO 版来了:支持YOLO模式、支持配置国产大模型、无需登录、免配置网络!
3 我的最强开发组合:Claude Code 2.0 + GLM-4.6
4 Cursor 新官网:从“IDE里的AI”到“AI里的IDE”
5 Cursor 1.6 发布:自定义命令、智能总结,AI 编程体验再升级
6 微信公众号 × MCP:让 AI 应用无缝接入公众号 API 的开源方案
7 MCP Registry 预览版上线:AI 开发的应用商店来了?
8 Kimi + Rube:打造最强 Claude Code 平替组合
9 MCP + Nano-Banana:我在Claude Code里实现了生图自由
10 Claude Code必装的MCP神器,让你的AI编程效率爆表!
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
程序库 免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 申请友联