支持私有云部署
AI知识库

53AI知识库

学习大模型的前沿技术与行业应用场景


一文搞懂什么是MCP?带你实操Cursor、Cline、Windsurf 3大AI编程平台(小白强烈建议收藏)

发布日期:2025-03-19 04:59:05 浏览次数: 1568 来源:卫星的AI工坊
推荐语

探索AI编程新纪元,MCP协议带你领略AI与代码的无缝交互。

核心内容:
1. MCP协议的定义与技术原理解析
2. MCP如何简化AI模型与外部工具的交互
3. 实操指南:Cursor、Cline、Windsurf三大AI编程平台的应用

杨芳贤
53A创始人/腾讯云(TVP)最具价值专家
你好,我是卫星
点击?关注我,致力于让小白学会AI编程

MCP 是近期AI领域的热点,特别是在海外社区获得了热烈讨论,每天都有大量的MCP工具诞生。

img
img

这里我们从MCP的概念、技术原理到多场景实战,一个篇文章带你彻底看懂MCP的全貌。

一、什么是 MCP?原理是什么?

Claude MCP,即模型上下文协议(Model Context Protocol),是 Anthropic Claude 的一个开源开放协议,旨在建立 AI 模型和开发环境之间的统一上下文交互,通过提供标准化的上下文信息访问,使 AI 模型能够更好地理解和处理代码。

就像给它们之间搭建了一座桥梁,使得开发者可以通过一套标准将 AI 应用和数据源连接起来 。

img
img

大白话来说,MCP就是AI大模型的标准化工具箱。大模型可以利用这些工具与外界互动获取信息,并且完成具体任务。

在我们日常工作学习中,经常性的与浏览器、文件、数据库、代码、仓库等等的外部工具打交道。在传统工作方式中,我们需要手动地去截图或者复制文本,然后把它粘贴到AI客户端的对话窗口中,再去进行对话。

然而 MCP 则通过这种标准化的协议方式,将这一步骤进行了自动化。MCP server 作为 AI 与外部工具的中间层,代替我们人去访问和操作外部工具。

每个 MCP 服务或者叫做 MCP server 它都只会专精于某一类的工作。比如有的负责读写浏览器,有的负责读写本地文件,有的复杂操作git仓库等等。

MCP server 通常就是在本地运行的一段 Node.js 或者 Python 程序。大模型通过操作系统的stdio(标准输入通道),去调用某个MCP server。

stdio 它的消息格式是类似这样的


{
    "jsonrpc""2.0",
    "id"129
    "method""tools/call"
    "params":{
        "'name""search_repositories"
        "arguments"
            "query""user:tech-shrimp"
        }
     }
}

MCP server 接到这些请求以后,通过自己的代码功能或者使用API请求访问外部工具完成任务。

看到这里,其实熟悉的朋友们会发现,MCP 协议与 Function Call 是非常的相似。

img

MCP 的最大优点在于整合了之前各家大模型不同的 Function Call 的标准,整合成了一个统一的标准协议。而且不仅仅是Claude,市面上所有的大模型几乎都可以接入MCP。

MCP 的缺点也很明显就是兼容性和应用范围受限。由于数据源和 AI 应用的多样性,可能存在某些数据源或者 AI 应用在与 MCP 协议集成时出现不兼容的情况;并且目前 MCP 仅支持本地运行(服务器需要在自己的机器上),虽然官方正计划构建具有企业级身份验证的远程服务器支持(为企业内部共享提供支持),但目前这种限制在一定程度上影响了其在更广泛场景下的应用。

二、前置条件

1)Node.js 安装

官方地址:https://nodejs.org/en

网盘下载:https://pan.quark.cn/s/c3cf88393930

下载点击安装即可。

环境安装配置就不多说了,可以参考:https://juejin.cn/post/7463298592247414819

如果最后在终端输入 node -v 和 npx -v ,能够正常输出则安装成功了。

img

2)VSCode+Cline 安装

1、VSCode 安装

官方地址:https://code.visualstudio.com/

网盘下载:https://pan.quark.cn/s/eb6da0669f5b

img
img

下载好后,点击默认安装即可

img

初始化界面

img

2、Cline 安装

在vscode 中打开扩展,输入Cline,选择Cline进行安装

img

安装后,点击“Get Stared for Free” 进行登录授权。

img

此时会弹出一个对话框,点击"Open"。

img

自动打开默认浏览,展示授权界面,选择Authorize。

img

接受后再VSCode 中会显示已登录Cline。

img

此时VSCode + Cline 安装配置工作已经完成了。

3、Cline 配置 DeepSeek

点击VSCode 左边的Cline 图标,打卡Cline

img

点击右上角的设置按钮,勾选“Use different models for Plan and Act modes”,此时上面会出现两个Tab。

img

在 API Provider 选项中选择"OpenRouter"。

img

点击“Get OpenRouter API Key”

img

同样的,接下来进行授权操作

img
img

选择"Authorize" 按钮

img

弹出框选择打开

img

此时会自动将API Key 回写过来。

img

在Model 选项下搜索选择“deepseek/deepseek-chat:free”,这是免费DeepSeek V3模型。

img

注意上面两个模式都要同样配置。

img

勾选下面两个对话模式。

img

测试对话,成功回复。

img

3)Cursor 安装

官方地址(国内):https://www.cursor.com/cn

官方地址(国外):https://www.cursor.com/cn

网盘下载地址:https://pan.quark.cn/s/ebcfc83efea1

打开网址,或者网盘进行下载。

img

默认安装即可,如遇到问题可参照:https://zhuanlan.zhihu.com/p/15907515516 安装好后,打开进入页面

img

点击右上角的「设置」,如果未登录的话,请进行授权登录

img

这里说下里我们打开设置-Beta-选择 Early Access,然后我们就可以通过check for update, 把cursor 升级到最新的版本,也就是0.47这个版本支持全新的MCP配置方式。

img

注意,以前可以通过无限邮箱+刷机器码配合进行无限续杯,现在 Cursor 风控非常严格,建议如果免费用完了,还是通过官方续费靠谱。

4)Windsurf 安装

官网地址:https://codeium.com

网盘下载:https://pan.quark.cn/s/65c1eece5596

打开网址,或者网盘进行下载。

img

默认安装即可,安装好后,打开进入页面

img

点击右上角的人头图标,进行授权登录。

三、配置 第一个 MCP

这里先说明下,Cline 实在 windows 系统上进行操作配置,c和 Windsurf 实在macOS 系统上配置。两个系统的配置有细微的差别。

但在同一个系统上,Cline、Cline 和 Windsurf  三个IDE配置是一致的,可以直接 copy 复制过去。

示例说明,看下 windows 和 macOS 配置的区别:

imgwindows

imgmacOS

这里有朋友可能会问如何找到有哪些可以用的 MCP server 呢?在文末给出了几个汇集的网站。

1)Cline 配置第一个 MCP,获取github仓库内容(windows)

img

打开Cline 可以看到 client新上线的 MCP server 应用市场。这里我们可以根据star数量排序,找到排在前面的非常受欢迎的 MCP server。

这里我们以 github 的 MCP server 举例

img

这里点击安装,它会自动打开一个AI聊天窗口。

img

我们可以根据AI的指引完成MCP server的安装。

第一步,

它要创建一个空的文件夹,这一步并不是必要的,我先点击继续。

img

第二步,

让我们在终端执行一个命令

img

终端输入执行,终端不要关闭。

img
img

第三步,

他要求我们填写一个 github 的 token。

img

登录github

img

这时点击打开他给的这个链接,点击创建一个新的

img

给token起个名字。

img

这里给他所有仓库的权限

img

然后展开这个Permissions,这里面是一些细微权限的控制。这里我给他创建仓库的权限,还有编写代码的权限,还有查看仓库内容的权限,大家可以根据自己的需要给他赋予相应的权限。

img

最后我们点击generate token,

img

这样我们的github token就好了,我把它复制下来

img

第四步,

回到 Cline ,我们把 token 填写进来。

img

为我们创建好了配置文件,点击save。

img

如果您是mac电脑的话,到这一步安装就应该完成了。

img

不过windows电脑还是要再改一点配置好。这里是重点,windows系统还需要进行以下几个配置。

首先我们把 npx 写到 args 里面,把原来的 npx 换成cmd, 然后在 args 里面再加一行/c,这样保存一下。

img

我们看到左侧 MCP server 这里已经安装的 github 这一块就已经显示一个绿灯了,这样我们的配置成功了。

img

第五步,

接下来我们来测试一下,我点击到我新开一个对话。我询问AI一个问题:“我的名字是wx-aigf,我在 github 上面有哪些仓库”,回车。

可以看到,这里已经调用刚刚配置 github MCP server,我们点击approve这里通过调用MCP工具查找到了一些数据。

img

在这里我们并不需要指明 MCP 服务,或者告诉他使用哪个 MCP 工具 AI会非常智能的从它的工具箱里面找到最合适的工具,自动调用。

这里他请求使用MCP工具,工具的名字叫做 search_repositories, 就是查找仓库。

img

然后这个数据已经给到了大模型,大模型在进行最后的整理,最后给出了结果,查到有9个仓库,看到这些都是我之前创建过的仓库。

img

MCP本身没有什么神秘的,它的本质就是客户端,用命令行调用了电脑上的 nodejs 程序,然后程序执行了某些操作,再把结果返回回来。

当然也不仅限 nodejs程序,有可能是 python 的,还有一种不太常见的情况,就是这个 node 或者 python 程序运行在服务器上面,那么这就需要通过网络进行调用。

最后,

我们再来测试一个新的任务向 github 创建新仓库。这里我要求:帮我创建一个github库,名字叫做“client-test”。

显示创建成功

img

我们点进去看一下,仓库也是成功的,创建出来了。

img

回顾下,我们来看到仅仅这一个MCP server 里面就有17项功能。

img

比如创建文件、搜索仓库,创建仓库,获取文件内容、推送文件等等。

我们能想到的一切与 github 的互动,一个 MCP 工具就完全包括了,而且我们使用自然语言就可以指使 AI 进行干活,不离开VSCode, 就能完成一系列的相关操作。

从这个例子也体现出了MCP的强大之处。

2)Cursor  配置第一个 MCP,获取github仓库内容(macOS)

第一步,

点击左边MCP 配置,点击「Add new global MCP server」,打开了一个 mcp.json 的文件,可以看到 MCP 是通过文件的方式进行配置的。

img

第二步,

我新建或者打开一个项目,在根目录先创建一个.cursor的文件夹,在文件夹里面再创建一个mcp.json文件。

img

复制 github mcp 配置并保存

img

第三步,

然后我们打开回到设置中找到MCP,在里面可以看到 github ,前面会显示一个绿灯,说明这里配置成功了。

img

最后,

来测试一下,这里一定要切换到 agent 功能才能使用 MCP 服务,

img

然后我说一句:“我的名字是wx-aigf,我在 github 上面有哪些仓库”,发送。

img

会让我们授权我们看到这里成功给出了输出。

img

这里可以看到似乎 Cursor 的安全性要高一些,对一私有仓库没有全部列出来,只展示了公开仓库。

3)Windsurf  配置第一个 MCP,获取github仓库内容(macOS)

第一步,

点击右边 对话按钮,找到「Configure MCP」

img

第二步,

点击「Configure MCP」,在左边编辑区域会打开一个 mcp_config.json 的文件。

img

第三步,

同样的,我们把前面 Cursor 的 github 复制过来,保存。

img

第四步,

点击 Refresh servers,此时会看到了 github 的配置,前面有个绿色的小圆点,说明配置配置成功了。

img

最后,

我们测试下,说一句:“我的名字是wx-aigf,我在 github 上面有哪些仓库”,发送。

img

可以看到同样的也是能查询的仓库内容。

四、总结说明

好了,至此我们对三大 AI IDE 进行 MCP 配置。

这里总结下两种设置 MCP 的方法:

  • 第一种,让AI 帮我们自动写配置文件。

  • 第二种,从github首页往配置文件里面粘贴两种方法都很好用

任选其一就可以了。

我们再来,重点来看看下 windows 和 macOS 配置的区别:

imgwindows

imgmacOS

如何寻找更多关于MCP server,这里也给大家准备好了几个相关网站,集成了大量的 MCP Server。

  • awesome-mcp-servers

  • https://smithery.ai/

  • https://glama.ai/mcp/servers

这两篇关于 MCP 的实操文章,可以进行进阶学习:

还有通过 Cursor AI 编程实现的的 3 个已上线的AI 网站:

  • 图片处理助手:www.imgplus.top

  • StudyAI 身边的 AI 学习网站:www.studyai.work

  • 小程序:

mcp 相关链接:

  • https://www.claudemcp.com/zh/docs/introduction

  • https://modelcontextprotocol.io/introduction


#<AI编程历史文章>精彩链接#


关于AI编程:

  1. Cursor + MCP = 王炸!彻底颠覆我的 Cursor工作流,效率直接起飞(手把手教程)

  2. Cursor+MCP+Figma,自动完成工程化项目,效率直接提升200%(手把手教程)

  3. ? ?StudyAI V2.0全新上线 ,我们一起探索 AI 的无限可能。

  4. 程序员的黑暗又要来了,使用Windsurf vs Cursor AI 编程上线 2 个项目后,说说我后背发凉、细思极恐的真实感受

以上分享就到这了,别忘了给我点个赞、在看、转发,三连~你的反馈真的很重要!

小手一赞,年薪百万!???



AI编程交流群,感兴趣的加好友邀入群。

图片

53AI,企业落地大模型首选服务商

产品:场景落地咨询+大模型应用平台+行业解决方案

承诺:免费场景POC验证,效果验证后签署服务协议。零风险落地应用大模型,已交付160+中大型企业

联系我们

售前咨询
186 6662 7370
预约演示
185 8882 0121

微信扫码

添加专属顾问

回到顶部

加载中...

扫码咨询