MCP

在JoyCode中调用MCP Server的教程#

1. 点击MCP市场，进入“全局配置文件”，点击“+MCP配置“
2. MCPserver的JSON文件，完成后点击“下一步”

• JSON文件内容详情如下：

3. 安装成功，IDE右下角会显示添加成功，正在更新

将前端页面发布到测试环境案例#

为了简化步骤，下面以使用MCP Clear部署工具进行发布为案例进行讲解如何使用MCP服务：

配置方法#

MCP Server需要有环境依赖才可以在本机运行，因此需要在安装MCP Server前先安装您的MCP Server所需要的环境，常见环境python或node.js。

MacOS#

Python配置#

准备python环境（3.10+）下载地址：https://www.python.org/downloads/

方法1#

1. 下载包：pip install 包 或 pip3 install 包（若提示缺什么包，就用pip或pip3装什么包)
2. 配置文件：

方法2#

1. 下载包：pip install 包 或 pip3 install 包
2. 获取python具体目录：which python
3. 配置文件：

方法3（使用uv虚拟环境）#

1. pip install uv 或 pip3 install uv
2. uv venv {uvName} // 注：这里的uvName可替换为自己起的名字
3. source {uvName}/bin/activate
4. 进入uv环境：uv pip install 包 或 pip3 install 包
5. 获取python路径：which python
6. 配置文件：

方法4（脚本）#

示例：

Node配置#

准备node环境（18+）下载地址：https://nodejs.org/en/

参照 http://npm.jd.com/，使用jnpm源

方法1#方法2#

如果按照方法1无法成功配置安装好对应的mcp server，则可参考方法2尝试安装。

1. 下载您所需要的mcp server的安装包：npm install -g {pkgName}
2. 获取node具体目录：which node
3. 获取下载包具体目录：npm root -g

方法3（脚本）#

示例：

Windows#

Python配置#

准备python环境（3.10+）下载地址：https://www.python.org/downloads/

方法1#

1. 下载包：pip install 包 或 pip3 install 包
2. 配置文件：

方法2#

1. 下载包：pip install 包 或 pip3 install 包
2. 获取python具体目录：where python

Node配置#

准备node环境（>=18）下载地址：https://nodejs.org/en/ 参照 http://npm.jd.com/，使用jnpm源

方法1#方法2#

1. 安装nodejs.msi
2. npm config set prefix "D:\nodejs\npm-global"
3. npm install -g {packageName}
4. 配置文件：