安装部署步骤详解
安装mcp-ui前需确保满足以下Environmental requirements::
- Node.js(≥16.0.0)和npm(≥8.0.0)。
- Git工具用于代码克隆。
- 现代浏览器或兼容的桌面操作系统(Windows 10+/macOS 10.15+/Ubuntu 20.04+)。
具体安装流程如下:
- Cloning Code: via the Git command
git clone https://github.com/machaojin1917939763/mcp-ui.git
下载源码。 - Installation of dependencies:进入项目目录运行
npm install
,安装Vue.js和Electron等组件。 - Configuring Environment Variables: Reproduction
.env.example
because of.env
,填入API密钥和模型提供商(如OpenAI或Anthropic)。 - launch an application::
- Web版:分别运行
npm run dev
(前端)和npm run mcp:server
(后端),通过浏览器访问localhost:5173
The - 桌面版:运行
npm run electron:dev
启动开发模式。
- Web版:分别运行
This answer comes from the articlemcp-ui: a clean AI chat interface based on the MCP protocolThe