SkillNav 交互指南

MCP 实战手册
交互式配置模拟器

从零开始，4 步搞定 MCP 配置。选择你的宿主应用和服务器，生成可用配置，体验调用流程。

1 了解 MCP
2 选择宿主
3 选择服务器
4 生成 & 演示
Step 1 / 4

什么是 MCP？

Model Context Protocol — 让 AI 模型安全访问外部工具和数据的开放协议

🖥️ 宿主应用
Claude / Cursor / VS Code
⟷
📡 MCP 协议
标准化通信层
⟷
⚙️ MCP 服务器
GitHub / DB / 文件系统
💡 类比理解：MCP 就像 USB-C 接口 — 一个标准协议连接所有设备。无需为每个 AI + 工具组合编写专用代码。
🔌

即插即用

同一个 MCP 服务器可以被 Claude Desktop、Cursor、VS Code 等任何兼容客户端调用，配置格式统一。
🔒

安全可控

每次工具调用需用户授权，服务器通过 stdio 本地通信，不暴露给外部网络。
🧩

生态丰富

官方 + 社区已有 7000+ 个 MCP 服务器，覆盖数据库、API、文件系统、搜索、自动化等场景。
⚠️ 前置要求：需要安装 Node.js ≥ 18（用于 npx 运行服务器），以及对应的宿主应用。
Step 2 / 4

选择你的宿主应用

MCP 服务器需要一个「宿主」来连接和调用。选择你日常使用的工具：

🤖

Claude Desktop

Anthropic 官方桌面端，最早支持 MCP。适合对话式调用工具、分析文件。
推荐入门
⚡

Cursor

AI-first 代码编辑器，MCP 配置与 VS Code 相似。适合编码场景下扩展 AI 能力。
开发者最爱
💻

VS Code

通过 GitHub Copilot Chat 扩展支持 MCP。工作区或用户级配置均可。
生态最广
🔧

Claude Code (CLI)

Anthropic 命令行 Agent 工具。通过 /mcp 命令管理服务器，适合终端工作流。
高级用户
Step 3 / 4

选择 MCP 服务器

勾选你想启用的服务器（可多选），我们将为你生成完整配置：

Step 4 / 4

生成配置 & 调用演示

以下是你的个性化 MCP 配置和模拟调用演示

config.json 

    


    
    

      🎬 调用演示
      
      
    


    

      

        

        
Terminal

      

      

        
$ 

      

    


    

      ✅ 配置完成！将上方 JSON 粘贴到对应配置文件，重启宿主应用即可使用 MCP 服务器。