# 微信小游戏助手(VSCode 版本)

# 1. 产品简介

微信小游戏助手(VSCode 插件)是一款用于在本地开发环境中完成微信小游戏预览、调试、真机测试与发布的工具。

插件内置 MCP(Model Context Protocol)服务,可与 AI IDE(如 Cursor、CodeBuddy 等)联动,以实现自动化开发流程。

核心定位:

  • 面向 AI 编程场景的小游戏运行与调试基础设施。
  • 为微信小游戏开发提供一站式能力支持(预览/调试/发布等)。

# 2. 安装

# 2.1 扩展市场安装

  1. 打开 VSCode/CodeBuddy/Cursor 等 IDE。
  2. 进入扩展面板(快捷键:Ctrl+Shift+X / Cmd+Shift+X)。
  3. 搜索 微信小游戏助手
  4. 点击安装。

安装插件

# 3. 快速开始

# 3.1 项目要求

项目根目录需包含以下文件:

my-game/
├── game.js
├── game.json
└── project.config.json

# 3.2 启动预览

安装完成后,小游戏预览窗口将自动打开。若您手动关闭了窗口,可通过以下两种方式再次开启:

方式一:命令面板

  • 调用命令面板(快捷键:Ctrl+Shift+P / Cmd+Shift+P)。
  • 输入 Mini Game,选择"打开预览"即可。

命令面板

方式二:状态栏

  • 点击 VSCode 右下角的"Mini Game Preview"按钮。

启动后将打开预览面板。

预览面板

# 4. 核心功能

# 4.1 本地预览

  • 启动 / 停止 / 重载预览。
  • 自动监听文件变更(热更新)。
  • 多设备尺寸模拟(手机 / 平板 / 自定义)。
  • 内置日志面板(Console 输出)。

本地预览

# 4.2 真机测试

前置条件

请参考"5.1 权限配置"部分完成配置,之后即可使用真机测试与发布功能。

使用流程

  1. 点击主界面上的"真机预览"按钮。
  2. 若未配置权限,将自动弹出权限配置页面;若已配置,则进入下一步。
  3. 插件将编译项目并生成二维码。
  4. 使用微信扫码预览。

真机测试

# 4.3 上传发布

  1. 点击主界面上的"上传"按钮。
  2. 在弹出的对话框中填写版本号与项目备注。
  3. 点击"确认发布"。

在微信开发者平台,进入"管理" > "版本管理" > "开发版本",即可看到已上传的版本。点击"提交审核",即可进入后续流程。

上传发布

版本管理

# 5. 配置说明

点击预览窗口右上角的"配置"按钮,即可进入配置窗口。

# 5.1 权限配置

权限配置主要包含微信小游戏 AppID 和代码上传密钥:

  1. 微信小游戏 AppID:在微信公众平台注册获取。
  2. 代码上传密钥:在微信公众平台 → 开发 → 开发设置 → 小程序代码上传中生成并下载。

⚠️ 重要:请确保 AppID 对应的是"小游戏"类型,而非"小程序",否则会报错。

  1. 白名单配置:请务必确认 IP 白名单中已包含您的工作机 IP。

权限配置

# 5.2 MCP(AI 集成能力)

可在窗口右上角点击"配置",在弹出面板中选择"MCP接入"选项。该插件支持一键写入 CodeBuddy 的 MCP 配置,其他 IDE 则需要自行配置。

支持的工具:

工具 说明
run_game 启动预览
reload_game 热重载
get_logs 获取日志
real_device_preview 真机预览
publish 发布版本

典型使用方式:

  • AI 生成代码 → 自动触发预览。
  • AI 分析日志 → 自动定位并修复问题。
  • AI 调用发布接口 → 自动完成上线流程。

MCP 配置

# 5.3 工作空间配置 (WorkSpace)

插件将自动识别包含 game.json 文件的目录并展示在此处。您可以切换当前预览的工作目录,并手动添加其他包含 game.json 的目录。

工作空间配置

# 5.4 编译设置

您可以自定义编译参数,以满足特定场景下的编译要求。

编译设置

# 5.5 通用设置

您可以在此设置是否在打开 VSCode 时自动启动预览窗口。

通用设置

# 6. 使用场景(重点)

本插件主要适用于以下场景:

  • 与 AI IDE(Cursor / CodeBuddy)深度结合。
  • AI 自动生成小游戏代码。
  • 自动触发预览并进行验证。
  • 自动分析日志并修复问题。
  • 自动完成版本发布。

简而言之,它作为 AI 开发小游戏流程中的运行与执行层。

# 7. 支持范围与限制

当前版本支持情况如下:

类型 支持情况
H5 / 原生 JS 小游戏 ✅ 支持
Cocos ✅ 支持
Unity ❌ 不支持
Laya ❌ 不支持

说明:

  • 当前仅支持标准的 H5 / JS 结构小游戏以及使用cocos引擎的小游戏。
  • 部分引擎(如 Unity、Laya)的项目暂未适配。
  • 后续版本将逐步兼容主流游戏引擎。

# 8. 常见问题 (FAQ)

Q1: 插件提示找不到 game.js 文件。

A: 请确保项目根目录下包含 game.js 文件。

Q2: MCP 连接失败。

A: 请检查:

  • 检查预览功能是否已成功启动。
  • 检查 MCP 配置的端口号是否一致。
  • 可尝试重新打开 IDE 再次进行尝试。

Q3: 真机测试时提示 IP 白名单错误。

A: 请登录微信公众平台,将您工作机的公网 IP 地址添加到 IP 白名单中。

Q4: 预览窗口白屏,没有任何内容。

A: 请检查:

  • 项目代码是否存在语法或逻辑错误。
  • 查看浏览器开发者工具中的 Console 面板,分析具体的错误日志。

# 9. 联系我们

如有任何问题或建议,欢迎通过以下方式联系我们:

QQ 群

QQ 群

微信助手

微信助手