Cursor + MCP：雙劍合璧，解鎖極致編程效率
前言
近期，MCP在開發(fā)者社區(qū)中廣受關(guān)注，成為業(yè)界熱點(diǎn)。值得關(guān)注的是，Cursor編輯器在0.45.x版本中已正式加入了對(duì)MCP的支持。作為深度依賴Cursor的開發(fā)者們，理解MCP的核心概念及其應(yīng)用場景，將有助于我們更高效地利用它來提升開發(fā)效率。
環(huán)境說明
開發(fā)環(huán)境： Node
Cursor：1.1.3
一、MCP
什么是MCP
MCP全稱Model Context Protocol（模型上下文協(xié)議），這是官方的介紹：
MCP 是一種開放協(xié)議，用于標(biāo)準(zhǔn)化應(yīng)用程序向大語言模型（LLM）提供上下文的方式。你可以把 MCP 想象成 AI 應(yīng)用的 USB-C 接口——正如 USB-C 為設(shè)備與各種外設(shè)和配件提供了統(tǒng)一的連接標(biāo)準(zhǔn)，MCP 也為 AI 模型與不同數(shù)據(jù)源和工具之間的交互提供了標(biāo)準(zhǔn)化方案
一句話描述就是MCP是一座橋，讓大模型可以調(diào)用我們的應(yīng)用。
為什么規(guī)范了這樣的協(xié)議？
工具調(diào)用能力是大模型進(jìn)化為智能體Agent的關(guān)鍵所在，如果不能調(diào)用，那么大模型只是一個(gè)高級(jí)聊天機(jī)器人。在此之前，業(yè)內(nèi)通用的做法是利用Function Calling來實(shí)現(xiàn)外部工具調(diào)用。
Function Calling是OpenAI在2023年6月首次提出的技術(shù)方案，它旨在當(dāng)模型在對(duì)話過程中識(shí)別到用戶請(qǐng)求需要特定操作時(shí)，通過調(diào)用預(yù)定義的外部函數(shù)接口實(shí)現(xiàn)復(fù)雜操作，從而打通了大模型與外部服務(wù)之間的數(shù)據(jù)通道。但是這種技術(shù)有一定的弊端。舉個(gè)例子，當(dāng)我們對(duì)大模型發(fā)出一段復(fù)合指令："查詢北京天氣、生成旅游攻略并完成門票購買"。開發(fā)者需要：
- 分別對(duì)接天氣服務(wù)、地圖服務(wù)和票務(wù)系統(tǒng)API；
- 編寫復(fù)雜的串聯(lián)調(diào)用邏輯；
- 針對(duì)不同模型平臺(tái)重復(fù)適配接口規(guī)范；
這種碎片化的開發(fā)模式造成大量重復(fù)勞動(dòng)。而MCP作為標(biāo)準(zhǔn)化工具調(diào)用協(xié)議應(yīng)運(yùn)而生，其核心價(jià)值在于：
- 統(tǒng)一跨模型的工具調(diào)用規(guī)范
- 實(shí)現(xiàn)服務(wù)接口的"一次定義，多處復(fù)用"
- 構(gòu)建可擴(kuò)展的智能體開發(fā)生態(tài)
MCP 與 Function Calling 的區(qū)別
MCP工作方式
MCP的核心是遵循客戶端-服務(wù)器架構(gòu)，其中主機(jī)應(yīng)用程序可以連接到多個(gè)服務(wù)器：
圖片
Host: 想要通過MCP訪問數(shù)據(jù)的程序MCP Client：與服務(wù)器保持1:1連接的協(xié)議客戶端MCP Server：負(fù)責(zé)向客戶端提供 Resources、Prompts 和 Tools 的服務(wù)器
二、Cursor接入MCP
了解了MCP的核心機(jī)制后，你可能會(huì)想：這在實(shí)際開發(fā)中能帶來哪些價(jià)值？接下來，我將通過一個(gè)真實(shí)場景，展示MCP如何顯著提升我們的工作效率。
在前端開發(fā)工作中，頁面構(gòu)建始終是一項(xiàng)耗時(shí)且重要的任務(wù)。雖然目前已有V0、Bolt.new等AI工具可以快速生成頁面原型，但仍需開發(fā)人員進(jìn)行復(fù)制粘貼等手動(dòng)操作。2025年3月，MasterGo發(fā)布了MCP Server，通過將MasterGo MCP與Cursor集成，開發(fā)者可以直接獲取設(shè)計(jì)畫布數(shù)據(jù)，并借助智能Agent自動(dòng)生成項(xiàng)目代碼。下面我將介紹下關(guān)鍵操作流程，具體可參考MasterGo MCP官方文檔。
生成token
- 前往MasterGo官網(wǎng)注冊(cè)
- 右上角頭像 - 個(gè)人設(shè)置 - 設(shè)置 - 安全設(shè)置
- 點(diǎn)擊生成令牌
圖片
Cursor配置
- Cursor Setting > Tools & Integrations > MCP Tools
- 點(diǎn)擊 “new MCP Server”
- 將以下代碼添加進(jìn)
mcp.json
Mac配置
{
"mcpServers": {
"mastergo-magic-mcp": {
"command": "npx",
"args": [
"-y",
"@mastergo/magic-mcp",
"--token=MG_MCP_TOKEN",
"--url=https://mastergo.com"
],
"env": {
"NPM_CONFIG_REGISTRY": "https://registry.npmjs.org/"
}
}
}
}Windows配置
{
"mcpServers": {
"mastergo-magic-mcp": {
"command": "cmd",
"args": [
"/c",
"npx",
"-y",
"@mastergo/magic-mcp",
"--token=MG_MCP_TOKEN",
"--url=https://mastergo.com"
],
"env": {
"NPM_CONFIG_REGISTRY": "https://registry.npmjs.org/"
}
}
}
}將其中的MG_MCP_TOKEN替換為從MasterGo官網(wǎng)上生成的token，保存后返回Cursor Settings,點(diǎn)擊刷新，服務(wù)前綠燈亮起，代表啟動(dòng)成功
圖片
使用MCP
在Cursor中Ctrl + L打開智能對(duì)話聊天框，選擇Agent模式，將MasterGo設(shè)計(jì)畫布鏈接（提示：可使用官方示例或通過MasterGo AI生成的UI設(shè)計(jì)稿）粘貼至輸入?yún)^(qū)，即可自動(dòng)生成完整頁面。
圖片
如上圖所示，大模型在解析用戶prompt后，通過調(diào)用MCP工具首先生成基礎(chǔ)HTML文檔結(jié)構(gòu)，隨后基于設(shè)計(jì)規(guī)范自動(dòng)填充完整的頁面代碼。
最終效果
圖片
通過上述案例可以看出，接入MasterGo MCP后，僅需提供設(shè)計(jì)畫布鏈接就能快速生成項(xiàng)目頁面，開發(fā)效率得到顯著提升。
三、Cursor開發(fā)MCP Server實(shí)踐
在理解MCP基本原理的基礎(chǔ)上，讓我們通過Cursor實(shí)現(xiàn)MCP Server的快速開發(fā)。開發(fā)者可參考官方文檔或使用 FastMCP逐步開發(fā)，下面主要講述的是用Cursor幫我們自動(dòng)生成一個(gè)MCP Server。
生成Cursor Rules
當(dāng)前，大模型的應(yīng)用效果與prompt質(zhì)量密切相關(guān)，但高質(zhì)量prompt的編寫往往需要豐富的經(jīng)驗(yàn)積累。在實(shí)踐中，可通過結(jié)構(gòu)化、模板化的方法（如LangGPT）來提升prompt編寫質(zhì)量。基于大模型的自我學(xué)習(xí)能力，現(xiàn)可按照以下流程實(shí)現(xiàn)prompt的優(yōu)化生成規(guī)則：
- 將LangGPT Github地址粘貼至Cursor對(duì)話框中，生成LangGPT助手.md
- 點(diǎn)擊Cursor Setting > Rules > Add Rule
- 命名文件，粘貼LangGPT助手內(nèi)容至.mdc文件
圖片
接下來，我們繼續(xù)讓大模型去學(xué)習(xí)MCP：
- 點(diǎn)擊Cursor Setting > Indexing & Docs > Docs > Add Doc
- 將MCP官網(wǎng)地址加入Cursor Docs中
- 在Cursor聊天對(duì)話框中輸入
@Doc選擇剛才添加的MCP，讓大模型去學(xué)習(xí)并用LangGPT格式生成MCP應(yīng)用專家.md - 點(diǎn)擊Cursor Setting > Rules > Add Rule
- 命名文件，粘貼MCP應(yīng)用專家內(nèi)容至.mdc文件
圖片
生成MCP Server文件
上面已經(jīng)在當(dāng)前路徑下創(chuàng)建了rules，接下來我們可以根據(jù)rules來生成MCP Server：
圖片
如上圖所示，大模型的角色現(xiàn)在是一個(gè)mcp專家，同時(shí)提出自己的要求，且為它提供一個(gè)官方參考案例(https://github.com/modelcontextprotocol/typescript-sdk?tab=readme-ov-file)，讓它幫我們生成一個(gè)項(xiàng)目：
圖片
將生成好的項(xiàng)目執(zhí)行npm run build,同時(shí)我們需要將打包好的文件路徑（args中路徑替換為實(shí)際打包后的路徑）添加至mcp.json中:
"beijing-mock-weather-mcp": {
"command": "node",
"args": ["D:\\mcp\\dist\\beijing-weather-mcp.js"]
}查看連接狀態(tài)，綠燈亮起，至此，確認(rèn)通過Cursor自動(dòng)生成的MCP Server已成功建立連接。接下來將進(jìn)行功能驗(yàn)證測試。
首先，關(guān)閉beijing-mock-weather-mcp對(duì)北京天氣進(jìn)行詢問：
圖片
可見，大模型無法直接獲取實(shí)時(shí)的天氣信息，我們開啟beijing-mock-weather-mcp后進(jìn)行詢問：
圖片
可以看到，大模型成功調(diào)用了beijing-mock-weather-mcp中定義的tools，且得到了天氣信息反饋。
四、推薦
從上面的實(shí)踐案例可以看出，Cursor與MCP的結(jié)合顯著提升了開發(fā)效率。目前市面上有了很多MCP Server可以直接使用，推薦幾個(gè)目前比較好的平臺(tái)：
- Model Context Protocol servers(https://github.com/modelcontextprotocol/servers)
- awesome-mcp-servers(https://github.com/punkpeye/awesome-mcp-servers/blob/main/README-zh.md#%E5%AE%9E%E7%94%A8%E5%B7%A5%E5%85%B7)
- 阿里云百煉(https://bailian.console.aliyun.com/?tab=mcp#/mcp-market)
五、總結(jié)
本文探討了 Cursor 與 MCP 的深度結(jié)合可以顯著提升編程效率。通過引入 MCP 的概念，我們了解到它能夠?yàn)?AI 開發(fā)工具提供更精準(zhǔn)的上下文理解，使大模型在代碼生成、調(diào)試和優(yōu)化時(shí)更加智能。
在 Cursor + MCP 的應(yīng)用示例中，我們演示了如何利用這一組合：
- 智能代碼生成：Cursor 結(jié)合 MCP 的上下文感知能力，可自動(dòng)生成符合項(xiàng)目規(guī)范的代碼，減少重復(fù)勞動(dòng)。
- 快速構(gòu)建 MCP Server：通過 Cursor 的 AI 輔助，開發(fā)者能高效搭建 MCP Server，而無需手動(dòng)處理。
隨著 MCP 生態(tài)的完善，AI 輔助開發(fā)將更加精準(zhǔn)、自動(dòng)化。Cursor 作為前沿的 AI 編程工具，結(jié)合 MCP 的上下文協(xié)議，將持續(xù)推動(dòng)開發(fā)模式的革新，讓開發(fā)者更專注于創(chuàng)造性工作，而非繁瑣的代碼細(xì)節(jié)。 Cursor + MCP 的協(xié)同，不僅是工具的結(jié)合，更是開發(fā)范式的升級(jí)。它們的融合讓 AI 真正理解開發(fā)者的意圖，使編程更高效、更智能，為軟件工程帶來全新的可能性。
