安装部署步骤详解
安装mcp-ui前需确保满足以下环境要求:
- Node.js(≥16.0.0)和npm(≥8.0.0)。
- Git工具用于代码克隆。
- 现代浏览器或兼容的桌面操作系统(Windows 10+/macOS 10.15+/Ubuntu 20.04+)。
具体安装流程如下:
- 克隆代码:通过Git命令
git clone https://github.com/machaojin1917939763/mcp-ui.git
下载源码。 - 安装依赖:进入项目目录运行
npm install
,安装Vue.js和Electron等组件。 - 配置环境变量:复制
.env.example
为.env
,填入API密钥和模型提供商(如OpenAI或Anthropic)。 - 启动应用:
- Web版:分别运行
npm run dev
(前端)和npm run mcp:server
(后端),通过浏览器访问localhost:5173
。 - 桌面版:运行
npm run electron:dev
启动开发模式。
- Web版:分别运行
本答案来源于文章《mcp-ui:基于MCP协议的简洁AI聊天界面》