Etapas de instalação e implantação em detalhes
Antes de instalar o mcp-ui, certifique-se de que os seguintes itens sejam atendidosRequisitos ambientais::
- Node.js (≥16.0.0) e npm (≥8.0.0).
- Ferramentas Git para clonagem de código.
- Navegador moderno ou sistema operacional de desktop compatível (Windows 10+/macOS 10.15+/Ubuntu 20.04+).
O processo de instalação específico é o seguinte:
- Código de clonagem: por meio do comando Git
git clone https://github.com/machaojin1917939763/mcp-ui.git
Faça o download do código-fonte. - Instalação de dependênciasVá para o diretório do projeto e execute
npm install
Instale componentes como o Vue.js e o Electron. - Configuração de variáveis de ambiente: Reprodução
.env.example
por causa de.env
Preencha a chave da API e o provedor do modelo (por exemplo, OpenAI ou Anthropic). - iniciar um aplicativo::
- Versão Web: executada separadamente
npm run dev
(front-end) enpm run mcp:server
(back-end), acessado via navegadorlocalhost:5173
. - Versão para desktop: Executar
npm run electron:dev
Iniciar o modo de desenvolvimento.
- Versão Web: executada separadamente
Essa resposta foi extraída do artigomcp-ui: uma interface de bate-papo com IA limpa baseada no protocolo MCPO