MCP零基础学习(2):开发环境配置指南

简介: 本文提供MCP开发的完整环境配置指南,涵盖Python(FastMCP服务端)和Node.js(客户端)双环境搭建,推荐使用UV超高速包管理器和镜像加速方案。包含Mock服务端创建、客户端调用测试、VS Code调试配置及常见问题解决方案,助您快速构建跨平台MCP应用并集成AI能力。

2025全新实战指南:10分钟搭建跨平台MCP开发环境,兼容Python与Node.js双生态

一、环境准备:跨平台兼容方案

在开始MCP开发前,确保你的系统满足以下条件:
0813企业微信截图_跨平台兼容方案.png

💡 避坑提示
Windows用户需启用开发者模式解决长路径问题
macOS需运行 xcode-select --install 安装命令行工具

二、核心工具安装:UV替代传统包管理

1. 安装UV(超高速Python包管理器)

# 一键安装脚本(跨平台)  
curl -LsSf https://astral.sh/uv/install.sh | sh  

# 验证安装  
uv --version  
# 预期输出: uv 0.2.0 (2025-07更新)

2. 配置UV镜像加速(国内用户必做)

# 设置清华镜像源  
uv config set registry.index-url "https://pypi.tuna.tsinghua.edu.cn/simple"  

# 永久生效(写入.zshrc/.bashrc)  
echo 'export UV_INDEX_URL="https://pypi.tuna.tsinghua.edu.cn/simple"' >> ~/.zshrc

三、Python环境配置(MCP服务端)

1. 创建隔离虚拟环境

# 新建mcp-dev目录并进入  
mkdir mcp-dev && cd mcp-dev  

# 使用UV创建虚拟环境  
uv venv .venv  

# 激活环境  
# Windows: .\.venv\Scripts\activate  
source .venv/bin/activate  # Linux/macOS

2. 安装MCP核心库

# 安装官方工具包  
uv pip install "fast-mcp>=1.5" mcp-toolkit anthropic-mcp  

# 验证安装  
python -c "from fast_mcp import __version__; print(f'FastMCP v{__version__}')"

四、Node.js环境配置(MCP客户端)

1. 初始化项目

npm init -y  

# 安装TypeScript(推荐)  
npm install -D typescript @types/node

2. 添加MCP客户端SDK

# 安装Anthropic官方客户端  
npm install @anthropic/mcp-client @mcp-tools/cli  

# 创建tsconfig.json  
npx tsc --init --target es2022 --module commonjs

五、双环境联动测试

1. 启动Mock MCP服务端

创建 demo_server.py:
from fast_mcp import FastMCP, MCPTool  

@MCPTool(name="greet")  
def greet(name: str, context: dict) -> str:  
    return f"你好, {name}! 当前用户: {context.get('user')}"  

if __name__ == "__main__":  
    server = FastMCP(port=8080)  
    server.register_tool(greet)  
    server.run()  
启动服务:
uv pip install uvicorn  # 安装Web服务器  
uvicorn demo_server:server --port 8080

2. Node.js客户端调用测试

创建 client_test.ts:
import { MCPClient } from'@anthropic/mcp-client';  

const client = new MCPClient('http://localhost:8080');  

asyncfunction testGreet() {  
const response = await client.execute({  
    tool_name: 'greet',  
    parameters: { name: 'MCP开发者' },  
    context: { user: 'test@example.com' }  
  });  

console.log(response.result);  
// 预期输出: 你好, MCP开发者! 当前用户: test@example.com  
}  

testGreet();  
运行客户端:
npx ts-node client_test.ts

六、开发环境增强配置

1. VS Code推荐插件
0813企业微信截图_vscode推荐.png

2. 调试配置(.vscode/launch.json)

{  
  "configurations": [  
    {  
      "name": "启动MCP服务",  
      "type": "python",  
      "request": "launch",  
      "module": "uvicorn",  
      "args": ["demo_server:server", "--port=8080"]  
    },  
    {  
      "name": "执行客户端测试",  
      "type": "node",  
      "request": "launch",  
      "runtimeArgs": ["-r", "ts-node/register"],  
      "args": ["${workspaceFolder}/client_test.ts"]  
    }  
  ]  
}

七、常见问题排障指南

问题1:UV安装超时
解决方案

# 手动下载二进制(Linux示例)  
curl -LO https://github.com/astral-sh/uv/releases/download/v0.2.0/uv-linux-x86_64  
chmod +x uv-linux-x86_64  
sudo mv uv-linux-x86_64 /usr/local/bin/uv

问题2:跨域请求被拦截
修复方案:在服务端添加CORS支持

# 在demo_server.py中添加  
from fast_mcp.middleware import CORSMiddleware  

server = FastMCP(port=8080)  
server.add_middleware(CORSMiddleware, allow_origins=["*"])

问题3:Node客户端类型错误
处理步骤

# 1. 确保安装TypeScript  
npm install -D typescript  

# 2. 生成类型声明  
npx mcp-tools generate-types --output src/mcp-types.d.ts

八、下一步学习建议

完成环境配置后,推荐实践路径:

  • 修改greet工具:添加多语言支持
  • 连接真实AI模型:集成Claude/DeepSeek API
  • 部署到云服务:尝试Vercel一键部署
    npm install -g vercel  
    vercel deploy --env MCP_URL=http://localhost:8080
    

🚀 效率提示:使用Anthropic提供的环境检测工具快速验证:

npx @mcp-tools/check-env  
# 输出结果应全部为绿色[PASS]

推荐阅读
MCP零基础学习(1)| MCP 协议核心原理解析

精品文章
Coze开源版本地安装指南
国产模型Qwen3-32B本地化实战:LangChain + vLLM 构建企业智能引擎
2025大语言模型部署实战指南:从个人开发到企业落地全栈解决方案

相关文章
|
2月前
|
人工智能 JavaScript Shell
零基础学MCP(2)| MCP 开发环境配置
2025最新实战指南,教你10分钟搭建支持Python与Node.js的跨平台MCP开发环境。涵盖环境配置、核心工具安装、双生态联动测试及常见问题解决方案,助你快速上手MCP开发。
|
JSON JavaScript Linux
【MCP教程系列】Node.js+TypeScript搭建NPX MCP服务并自定义部署至阿里云百炼
本文介绍如何将阿里云百炼的工作流封装成MCP服务并部署,随后引入到智能体中使用。主要步骤包括:1) 封装MCP服务;2) 发布到npm官方平台;3) 在阿里云百炼平台创建自定义MCP服务;4) 在智能体中添加自定义MCP服务。通过这些步骤,用户可以轻松将工作流转化为MCP服务,并在智能体中调用。
1976 0
|
3月前
|
人工智能 数据可视化 安全
【保姆级教程】Dify+DeepSeek+MCP三件套:零门槛打造AI应用流水线,手把手实战教学!
本教程手把手教你用Dify+DeepSeek+MCP三件套零门槛搭建AI应用流水线:Dify提供可视化工作流编排,DeepSeek贡献128K长文本国产最强模型,MCP实现弹性部署。这套组合兼具低代码开发、高性能推理和灵活运维三大优势,助你快速落地企业级AI解决方案。
|
25天前
|
Web App开发 人工智能 自然语言处理
快速掌握Dify+Chrome MCP:打造网页操控AI助手
本文教你如何快速搭建一个能操作浏览器的AI助手:通过Dify和Chrome MCP结合,只需三步配置,即可实现自动填表、数据抓取和网页操控,无需编写代码,用自然语言就能指挥AI完成各类网页任务。
|
1月前
|
人工智能 JavaScript 算法
Playwright携手MCP:AI智能体实现自主化UI回归测试
MCP 协议使得 AI 能够通过 Playwright 操作浏览器,其中快照生成技术将页面状态转化为 LLM 可理解的文本,成为驱动自动化测试的关键。该方式适用于探索性测试和快速验证,但目前仍面临快照信息缺失、元素定位不稳定、成本高、复杂场景适应性差以及结果确定性不足等挑战。人机协同被认为是未来更可行的方向,AI 负责执行固定流程,人类则专注策略与验证。
|
3月前
|
人工智能 Nacos 开发者
手把手教你搭建MCP服务器
Model Context Protocol(MCP)正成为AI智能体连接外部工具的主流标准。本文详解两种搭建方案,助你构建专属AI工具扩展引擎,实现工具调用的标准化与高效集成。
|
2月前
|
人工智能 缓存 监控
MCP零基础学习(6)|与大型语言模型(LLM)的深度融合
本文是MCP系列教程的进阶篇,重点讲解如何将MCP与各类大语言模型深度集成,覆盖本地模型(Ollama、vLLM)和在线服务(OpenAI、DeepSeek)的接入方法,并详解提示词模板设计与上下文管理技巧。通过具体代码示例和架构解析,帮助开发者构建灵活、高效的AI应用系统,实现更智能的模型调度与资源利用。
|
7月前
|
人工智能 JavaScript Java
从零开始教你打造一个MCP客户端
Anthropic开源了一套MCP协议,它为连接AI系统与数据源提供了一个通用的、开放的标准,用单一协议取代了碎片化的集成方式。本文教你从零打造一个MCP客户端。
5844 5