AI编码焕新：用Context7

原创

程序员NEO

发布于 2025-06-04 14:27:52

58801

代码可运行

文章被收录于专栏：『学习与分享之旅』『学习与分享之旅』

运行总次数：1

代码可运行

最近，一款名为 Context7 MCP 的工具备受瞩目。网络上流传着各种说法，比如它解决了大语言模型的痛点、革新了 AI 编码方式，甚至能让 Cursor 效率提升十倍。那么，Context7 真有这么神奇吗？它究竟是什么？

Context7 是什么？

官方介绍称，Context7 能将最新的、特定版本的文档和代码片段等信息，直接整合到你给大模型的提示（prompt）中。如此一来，大模型便能根据这些实时更新的资料编写代码，避免被其固有的、可能过时的知识库所误导。

简单来说，Context7 就像给大模型配备了一个实时搜索引擎。在回应请求前，大模型会先用 Context7 搜集最新相关信息作为上下文进行学习，再根据这些新信息生成答案。

不用 Context7 会怎么样？

若不使用 Context7，大语言模型（LLM）在处理请求时，会依赖其知识库中关于所用库的过时或通用信息。这可能导致以下问题：

生成的代码示例基于旧版训练数据（可能是一年甚至更久以前的），因此已经过时。
生成不存在的 API，即产生“幻觉”API。
针对旧版软件包给出笼统或不准确的答案。

使用 Context7 有什么好处？

Context7 MCP 能直接从信息源提取最新的、特定版本的文档和代码示例，并将其整合到你的提示中。

例如，在 Cursor 中，你可以在提示中加入 use context7：

Create a basic Next.js project with app router. use context7

Create a script to delete the rows where the city is "" given PostgreSQL credentials. use context7

Context7 会将最新的代码示例和文档直接提取到大语言模型的上下文中。

使用 Context7 的步骤很简单：

像往常一样写下提示。
告诉大语言模型使用 use context7。
获得准确可用的代码答案。

简单说，就是在你的问题末尾加上 use context7。

这样，大语言模型就会自动使用 Context7 获取最新相关信息。

如此，你便无需频繁切换浏览器标签页查找资料，也无需担心遇到“幻觉”API，更不会生成基于过时信息的代码。

使用 Context7

关于 MCP 是什么，以及如何在 Cursor 中使用 MCP，请参考以下文章：

mcp.json：

{
    "mcpServers": {
        "github.com/upstash/context7-mcp": {
            "command": "cmd",
            "args": [
                "/c",
                "npx",
                "-y",
                "@upstash/context7-mcp@latest"
            ],
            "disabled": false,
            "autoApprove": []
        }
    }
}

演示示例

通过一个具体例子来看看 Context7 的实际效果。

假设你想创建一个使用 React 18 新特性的项目。不使用 Context7 时，AI 可能会提供基于旧版本的代码：

// 可能生成的过时代码
import React from 'react';
import ReactDOM from 'react-dom';

ReactDOM.render(<App />, document.getElementById('root'));

但使用 Context7 后，你只需这样提问：

Create a React 18 project with the new createRoot API. use context7

Context7 会自动获取 React 18 的最新文档，AI 便会生成正确的代码：

// 基于最新文档生成的正确代码
import React from 'react';
import { createRoot } from 'react-dom/client';

const container = document.getElementById('root');
const root = createRoot(container);
root.render(<App />);