轻松搞定!Qoder CLI 如何完美集成墨刀 MCP(modao-proto)全攻略!

我发现官方的命令 npx -y @smithery/cli install @modao-mcp/modao-proto-mcp –client claude 其实有些问题。我是直接下载了仓库代码来编译用的。

将墨刀的MCP(modao-proto-mcp)集成到Qoder CLI里,能让你在Qoder中很方便地使用墨刀的功能,比如自动化的原型设计和页面生成等。下面我会基于Windows系统,给大家分享完整的配置示例和注意事项。


1️⃣ 背景知识

  • MCP(Model Communication Protocol):这是一种标准化协议,用于客户端和各种模型或服务之间通过stdio、SSE或HTTP进行通信。
  • Qoder CLI:它可以注册MCP Server,并通过 qodercli mcp add 来管理MCP。
  • 核心概念command:指的是实际存在的可执行文件(在Windows下不能用带空格的复杂字符串)。args:传递给可执行文件的参数。env:环境变量传递给MCP。type:通信方式,通常是使用stdio。

2️⃣ 准备工作

  1. 安装 Node.js(确保 node.exe 可以在系统的 PATH 中被调用)。
  2. 获取墨刀 MCP 项目:路径为 D:VScodeProjectsmodao-proto-mcp
  3. 申请墨刀 token(在墨刀的开发者平台申请)。可以在墨刀AI的头像菜单中找到令牌设置来获取你的Token。
  4. 确认 MCP CLI 可以手动启动:在命令行中输入 node D:VScodeProjectsmodao-proto-mcpbincli.js –token ,如果没有错误信息则说明准备工作完成。

3️⃣ Qoder CLI 添加 MCP 命令正确示例(Windows)

# 删除已有配置(可选)
qodercli mcp remove modao-proto

# 添加墨刀 MCP
qodercli mcp add modao-proto `
    node `
    "D:VScodeProjectsmodao-proto-mcpbincli.js" `
    "--token=9a98e8a94698bf26b7c166f79a0db3e6" `
    -t stdio

说明

参数

作用

node

MCP命令,指向实际存在的可执行文件

“bin/cli.js”

MCP脚本文件的路径

-e token=xxx

环境变量传递token,避免在命令中出现复杂的参数

-t stdio

采用stdio作为通信方式

注意:千万别把 –token 拼接到命令字符串里,否则Windows执行会找不到文件哦。


4️⃣ 验证 MCP 是否成功

qodercli mcp list

成功的话,输出应该类似于:

[STDIO] modao-proto: node D:VScodeProjectsmodao-proto-mcpbincli.js - Connected
[STDIO] mysql: python ... - Connected
  • Connected 意味着MCP已经顺利启动并可用。
  • 如果显示 Disconnected,那就说明命令或者路径可能有误,需要检查node.exe和cli.js的路径。

5️⃣ 集成后的使用方法

使用MCP

生成页面

轻松搞定!Qoder CLI 如何完美集成墨刀 MCP(modao-proto)全攻略!

将其导入到墨刀个人空间

轻松搞定!Qoder CLI 如何完美集成墨刀 MCP(modao-proto)全攻略!

6️⃣ Windows 下 MCP 配置的注意事项

  1. 命令必须是有效的可执行文件,不要直接写成 “node bin/cli.js –token xxx”。
  2. 参数可以拆分成 args 或环境变量,建议把 token 放进环境变量里,这样可以避免命令字符串太长。
  3. 工作目录,如果 cli.js 使用相对路径,确保 Qoder 的工作目录设置在 MCP 项目的根目录。
  4. 参考 MySQL 的 MCP 配置,python MCP 和 node MCP 的配置方式是类似的,在 Windows 下的成功案例可以借鉴。

7️⃣ 完整的 JSON 配置示例

{
  "modao-proto": {
    "command": "node",
    "env": {
      "token": ""
    },
    "args": [
      "D:\VScodeProjects\modao-proto-mcp\bin\cli.js",
      "--token=xxx"
    ],
    "type": "stdio",
    "WorkingDir": "",
    "InProcessMcpServer": null
  }
}

这个 JSON 可以直接用在 Qoder CLI 的本地配置中,效果和通过命令行添加的是一样的。


✅ 总结

  • 核心理念:在 Windows 上,MCP 的命令需要是真实存在的,参数则可以通过 args 或环境变量来处理。
  • 成功的标志:执行 qodercli mcp list 时显示 Connected。
  • 墨刀 MCP 集成:设置完成后,可以在 Qoder 中直接调用墨刀工具,实现原型生成的自动化。

☝️小贴士

由于生成原型页面的 HTML 可能需要一些时间,建议开启 MCP 工具的“长时间运行模式”,或者将超时设置为“300”秒。

来源:今日头条
原文标题:在 Qoder CLI 集成墨刀 MCP(modao-proto)完整指南 – 今日头条
声明:
文章来自网络收集后经过ai改写发布,如不小心侵犯了您的权益,请联系本站删除,给您带来困扰,深表歉意!

发表评论