引入 MCP

本节目标

了解什么是 MCP，并通过一个实际例子体验它的价值——让 AI 能直接操作外部工具和服务。

什么是 MCP

在前面的开发过程中，AI 的能力限于"帮你写代码"。你说需求，AI 生成代码，你看结果。

但有些事情光靠写代码解决不了。比如你想让 AI 帮你查数据库里的数据、读取一个在线文档的内容、或者直接部署你的网站——这些都需要 AI 直接访问外部工具。

MCP（Model Context Protocol） 就是解决这个问题的。它像一个"桥梁"，让 AI 可以连接各种外部服务和工具。

打个比方：之前的 AI 像一个只能跟你语音通话的助手。有了 MCP，这个助手现在能直接帮你操作电脑、打开网站、读取文件——手脚都有了。

实际体验：文件系统 MCP

我们从最简单的 MCP 开始——让 AI 能直接读写你电脑上的文件。

在 Cursor 的设置中配置 MCP：

帮我在 Cursor 中配置 filesystem MCP server，让 AI 可以直接读写我的项目文件夹中的文件

配置完成后，AI 就不只是"生成代码让你粘贴"了，它可以直接在你的项目中创建、修改、删除文件。

体验 MCP 的效果

试试这个场景。告诉 AI：

帮我查看一下项目中所有文件的结构，然后创建一个 README.md 文件，写一下这个贪吃蛇项目的简单介绍

有了 MCP，AI 会直接操作文件，而不是把代码贴出来让你手动创建文件。

更进一步：给贪吃蛇加在线排行榜

接下来我们用 MCP 连接一个在线服务，给贪吃蛇加上在线排行榜功能。

帮我给贪吃蛇加一个在线排行榜功能。使用 Supabase 作为后端数据库，存储玩家的名字和分数，并在游戏中显示排行榜前 10 名。请帮我配置 Supabase 的 MCP，这样你可以直接帮我操作数据库。

关于 Supabase

Supabase 是一个免费的在线数据库服务。AI 会引导你注册账号并创建项目。整个过程中，你不需要学会"数据库"是什么——就跟之前一样，告诉 AI 你想要什么，AI 帮你搞定。

MCP 的价值

回顾一下，有了 MCP 之后：

• 之前：AI 只能生成代码，你需要手动执行各种操作
• 现在：AI 可以直接操作工具和服务，你只需要描述目标

这大大扩展了你用 AI 能做的事情。

常见问题

MCP 配置失败

告诉 AI：

MCP 配置好像没有生效，我在设置中配置了 [你配置的内容]，但 AI 似乎还是不能直接操作文件，请帮我排查

Supabase 注册/配置遇到问题

告诉 AI 你卡在哪一步：

我在 Supabase 注册时卡在了 [具体步骤]，请帮我解决

排行榜数据没有保存

告诉 AI：

提交分数后排行榜上看不到新的记录，请帮我检查数据库连接和数据提交是否正常

下一步

MCP 让 AI 有了"手脚"。下一节我们学另一个进阶工具——Agent Skills，它让 AI 有了"专业知识"。