Documentation Center

IotCoder MCP 与 Skill 配置说明

本文说明如何在 VS Code 和 Trae 中配置 IotCoder MCP 与 Skill,并通过实际示例完成 QuecPython 相关问答和项目生成任务。

一、VS Code 配置 IotCoder MCP 与 Skill

1.1 安装 GitHub Copilot

在 VS Code 插件市场中安装 GitHub Copilot。

1.2 在 Copilot 中配置 MCP 和 Skill

1.2.1 配置 MCP

工作区设置步骤如下:

  1. 在项目中创建或打开 .vscode/mcp.json
  2. 填入以下配置:
{
  "servers": {
    "iotcoder": {
      "type": "http",
      "url": "http://15.222.185.79:7398/quecpython/mcp",
      "headers": {
        "Authorization": "Bearer {your iotcoder mcp token}"
      }
    }
  }
}

配置正确后,在 Copilot 中应能看到以下 7 个工具:

  1. retriever_solutions_docs
  2. retriever_faq_docs
  3. retriever_dev_board_guide_docs
  4. retriever_getting_started_docs
  5. retriever_api_reference_docs
  6. retriever_application_guide_docs
  7. retriever_github_code_examples
VS Code 中的 IotCoder MCP 工具列表

1.2.2 配置 Skill

工作区设置步骤如下:

  1. 在项目中创建或打开 .agents/skills/ 目录。
  2. 将提供的 skill 文件夹复制到该目录下。
  1. 完成后目录结构示例如下:
VS Code 中的 Skill 目录结构

1.3 在 Copilot 中使用 MCP 和 Skill

完成配置后,你可以自由选择 Copilot 提供的模型,并结合 MCP 与 Skill 来处理 QuecPython 相关任务。

1.3.1 简单问答任务

示例问题:quecpython 中的 datacall 怎么检测网络

VS Code 中的简单问答示例

1.3.2 复杂代码项目生成任务

示例问题:帮我生成一个 EC200U 的 Tracker 项目

VS Code 中的项目生成任务示例 1
VS Code 中的项目生成任务示例 2

二、Trae 配置 IotCoder MCP 与 Skill

2.1 在 Trae 中配置 MCP 和 Skill

2.1.1 配置 MCP

工作区设置步骤如下:

  1. 在设置中打开项目级 MCP 配置,如下图所示。
  2. 在项目中创建或打开 .trae/mcp.json
  3. 填入以下配置:
Trae 中开启项目级 MCP 配置
{
  "mcpServers": {
    "iotcoder": {
      "type": "http",
      "url": "http://15.222.185.79:7398/quecpython/mcp",
      "headers": {
        "Authorization": "Bearer {input your token}"
      }
    }
  }
}

配置正确后,在工具列表中应能看到对应的 IotCoder MCP 工具:

Trae 中的 IotCoder MCP 工具列表

2.1.2 配置 Skill

工作区设置步骤如下:

  1. 在设置中打开规则和技能功能。
  2. 上传之前提供的 skill 压缩包,技能类型选择"项目"。
  1. 成功后,工作区会出现对应的 Skill 文件结构。
Trae 中开启规则和技能
Trae 中的 Skill 文件结构

2.2 在 Trae 中使用 MCP 和 Skill

2.2.1 简单问答任务

示例问题:quecpython 中的 datacall 怎么检测网络

Trae 中的简单问答过程
Trae 中的简单问答结果

2.2.2 复杂代码项目生成任务

示例问题:帮我生成一个 EC200U 的 Tracker 项目

Trae 中的项目生成任务示例 1
Trae 中的项目生成任务示例 2
Trae 中的项目生成任务示例 3
Trae 中的项目生成任务示例 4