也许下一个爆款微信小程序就来自于你！CodeBuddy超高效开发，落地你的灵感创意！

CodeBuddy编者荐语：

今天我们特别转载来自公众号 孟健AI编程 倾情撰写的技术分享：利用CodeBuddy 高效开发小程序，落地你的灵感创意！文中包含详细开发教程，欢迎大家一起来使用CodeBuddy，体验 AI 编程的快乐！以下为文章原文：

---

大家好，我是孟健。

关注 AI 编程领域的同学，应该对 Cursor、Windsurf、Trae 这些工具都不陌生。

最近，腾讯也亲自下场，推出了自家的代码助手——CodeBuddy，全面支持 Agent 模式以及 MCP。

今天就带大家深度体验一番，看看它到底有多强！

下载安装

可以直接在 IDE 应用市场，搜索 CodeBuddy 安装（CodeBuddy 支持几乎市面上所有的 IDE，大家可以在自己常用 IDE 内搜索就好）：

也可以直接访问官网下载：

https://copilot.tencent.com/

这里我选择的 VSCode 插件，安装完成后，可以看到 CodeBuddy 的侧边栏：

Craft/Chat 双模式

和 Cursor、Trae 类似，CodeBuddy 也支持聊天和 Agent 两种模式。Craft 模式类似于 Cursor 的 Agent、Trae 的 Builder，可以调用 MCP。

目前 Craft 模式下可选的模型有两个：DeepSeek-V3 和 Default。这里的 Default，应该就是腾讯自研的混元模型：

Chat 模式下，支持的模型更多，比如 R1 和自定义模型：

输入 @ 后，能用的能力包括 Diff、文档、文件、Terminal，还能勾选 Codebase 上下文：

小试 MCP

在 Craft 模式下，点击 MCP 就能进入 MCP 市场：

目前市场里内置了腾讯系的产品 MCP，还有一些常用的社区 MCP。你也可以提交 PR 增加 MCP，或者自定义配置。

我们先拿 Sequential-Thinking 试试，按惯例来一发：

CodeBuddy 这里做得很贴心，MCP 安装后会多出一个测试按钮，点一下就能直接体验，无需自己准备 Prompt。效果如下：

展开 MCP 调用就可以看见其中的详细参数和返回。

一键生成小程序

最让我惊艳的，还是 CodeBuddy 的小程序生成能力。先用最简单的 Prompt 试试：

帮我做一个TODOList的小程序

从回答可以看出，CodeBuddy 已经具备了初步的 Agent 能力——会做 planning，甚至有点 Reflection。比如我说“小程序”比较模糊，它会先问我是做微信还是支付宝小程序。

我确认微信小程序后，它判断用 CLI 工具创建项目更合适，继续征求我的意见。从这里基本可以断定，CodeBuddy 的内置 Prompt 每一步都在做 planning，并且会主动和用户交互。

中间遇到一个小 bug，CodeBuddy 没有处理好 Terminal 状态的等待确认，误以为我跳过了命令（其实我已经执行了）。这个问题早期的 Cursor 也有，不过影响不大：

CodeBuddy 我发现一个很大的优势是，它内部直接集成了微信小程序以及相关的所有最新文档，我们可以 @Docs 直接调用，避免模型幻觉：

最后，CodeBuddy 它自己一通操作，直接把项目代码全都生成好了，并提示我用微信开发者工具打开：

如果你还没装微信开发者工具，可以去官网下载：

https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

安装后导入项目（没有 App ID 的话，先去微信开放平台注册账号）：

https://mp.weixin.qq.com/wxopen/waregister?action=step1

导入后直接运行，一次成功，非常丝滑！

就这样，小程序一键生成搞定。就目前来看，CodeBuddy 是对小程序支持最好的代码助手，因为它内置了最新的小程序文档，基本不会出现 API 不理解或出错的情况，这点比 Cursor 更顺畅。

另外，我们还可以直接把 CodeBuddy 内置在微信开发者工具当中，这是腾讯的独家支持，在 小程序 IDE 里面可以直接用来开发：

设计稿转代码

再来点难度，让它从设计稿转代码。我们先配置 MCP：

"Framelink Figma MCP":{
"command":"npx",
"args":["-y","figma-developer-mcp","--figma-api-key=YOUR-KEY","--stdio"]
},

把这段配置直接复制到 CodeBuddy 的 MCP 配置文件里（记得把 key 换成自己的）：

（如何获取 Figma key 这里不展开，感兴趣可以看我之前的文章：产品经理狂喜！Figma MCP 帮我 3 分钟还原高颜值天气 App）

我们还是用高颜值天气 App 的例子，复制 Figma 图层链接：

用以下提示词：

@https://www.figma.com/design/xxxx/Weather-App-UI-Design--Community-?node-id=55-2454&t=R3RJ2QsPeVSzklzH-4 

你帮我再实现一下这个界面，要求：
- 不要访问整个Figma文件，要传入node参数进去
- 如果有图片，或者CSS难以实现的Figma元素，帮我下载对应的图片
- 需要仔细分析Figma元素属性，保证最终的效果还原度

CodeBuddy 调用 Figma MCP，拿到数据并下载图片资源：

中间一顿操作后，页面就生成好了，非常顺畅：

在小程序工具里预览一下：

整体还原度大概 60 分，小程序代码生成非常顺利，几乎没有遇到阻碍，一行 Prompt 就能搞定！

总结

CodeBuddy 目前在小程序开发领域的表现，确实让我眼前一亮。功能强大、流程顺畅、体验友好，尤其是对国内开发者来说，几乎是“开箱即用”的神器。

当然，产品还在持续迭代，像终端命令确认、不支持输入框粘贴图片等小问题，相信很快也会被优化。腾讯的加入，让AI编程工具的竞争变得更加激烈，也让我们普通开发者有了更多选择和可能。

说实话，AI编程的门槛正在被不断拉低。无论你是不是专业程序员，只要有想法、有需求，都可以用AI工具把创意变成现实。未来，人人都能成为开发者，人人都能用AI放大自己的价值。

推荐大家去试试CodeBuddy，去体验AI编程的乐趣，也许下一个爆款小程序，就是你做出来的！

---