Cursor for Context7

Context7在Cursor中的使用方法

1. 确保配置正确

• 首先确认你已经正确配置了Context7 MCP服务器。
• 配置步骤如下：进入设置 -> Cursor设置 -> MCP ->

• 添加以下配置：编辑~/.cursor/mcp.json文件

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

2. 使用方法

只需要在你的提示语句中添加"use context7"即可。例如：

如何在Next.js中使用新的after()函数？use context7

或者：

使用React Query如何使缓存失效？请使用context7获取最新文档

3. 工作原理

当你在提示中添加"use context7"（或类似表达）时，Context7会：

• 检测你询问的是哪个库或框架
• 提取该库或框架的最新文档和代码示例
• 根据主题过滤文档（例如"路由"、“验证”、“中间件"等）
• 将这些最新信息直接注入到LLM的上下文中

4. 使用场景示例

获取最新API信息： 如何在Tailwind CSS 3.4中使用新的grid-flow-col功能？use context7

解决版本冲突问题： React Query v5中useQuery和v4有什么区别？use context7

获取最佳实践： 使用Zod验证表单的最佳实践是什么？use context7

5. 优势

• 避免LLM生成基于过时训练数据的错误代码
• 不再出现不存在的API或函数
• 获得与官方文档质量相当的代码示例
• 特别适用于快速迭代的库，如Next.js、Zod、Tailwind等

6. 注意事项

• 确保在提示语句中明确提到你需要查询的库或框架名称
• 对于大型文档，可能需要更具体的问题，以便Context7能精确过滤相关内容
• 如果遇到问题，可以尝试在提示中更明确地指定版本，如"Next.js 14”
• 通过以上方法，你可以在Cursor中充分利用Context7来获取最新的文档信息，避免生成过时或错误的代码。

开源地址：https://github.com/upstash/context7