腾讯刚发了CodeBuddy 3.0,国内第一个支持 MCP 协议的编程工具。我用它从零做了一个微信电商小程序,全程自动化。这篇带你看 Craft 模式能快到什么程度。
哈喽,我是远景。
深夜刷 GitHub 的时候,突然想做个小程序的念头就冒出来了——做个小电商页面,有商品展示、详情页、搜索功能那种。
按我以前的经验,这意味着什么?装依赖、配环境、写项目结构、调样式、处理下拉刷新……一个晚上基本报废。
但这次我贼了一把,腾讯刚发的 CodeBuddy 3.0,其中一个能力我馋了很久——它支持MCP 协议(Model Context Protocol),可以直接对接微信开发者工具链和 CloudBase 云开发。不是像其他工具那样只“懂”微信小程序,而是能直接调用小程序的原生工具链。
更狠的是,它还有个 Craft 智能体,你给它说需求,它直接写代码、跑起来。
我拿它试了一把——从零搞了个微信电商小程序,从需求描述到生成完,大概……不到 10分钟。
全程几乎没敲代码。今天直接给你看我的全程实录。
先大致说清楚两样东西。Craft 是 CodeBuddy 3.0 里最核心的智能体引擎,不是那种“打个标题就出代码”的玩具,它能自动理解需求、拆成技术任务、写代码,然后交付一个可以跑的项目——基本不需要人工介入。
再就是 MCP 协议。简单说就是官方定义的一个开放标准,让 AI 可以标准化地去调用外部工具和数据源。腾讯是国内第一家把这个能力直接做成“原生连接小程序开发工具链”的。
对我来说这两个组合在一起的意思很直白——写小程序,变成了一件可以全程交给AI去跑的事。
第一步:扔需求,让它干活
我在工作输入了以下内容:
用微信小程序原生开发一个电商商品页,要求:1. 顶部搜索栏(带防抖)2. 轮播Banner(3张图自动切)3. 商品列表(图片、标题、价格、销量)4. 下拉刷新、上拉加载更多5. 点击商品跳转详情页6. 适配不同屏幕
Craft 的处理逻辑蛮狠的。它不是先随便写一堆代码,而是自动进入 Plan 模式——先像产品经理一样拆需求,问清楚技术栈和边界。我回了一句“先做 mock 数据,详情页包含商品图+价格+规格+加购按钮,暂不开发购物车”,它立刻开始落地。
代码生成等待时间也就两三分钟。之后项目结构是全的,从 app.js 全局入口,到首页 index、详情页 detail,甚至 search 搜索页都搭好了。
第二步:验收时,我几乎无话可说
最让我意外的是它生成的代码质量。以 index.js(首页逻辑) 为例,它不仅把 Page 生命周期和 methods 写全,连搜索防抖、轮播初始化、商品列表分页加载、下拉刷新和上拉加载都自然给出来了。你没看错,是全自动生成的可运行程序,不是半成品代码段。
你看这段搜索防抖的逻辑——它自己写的:
searchTimer: null,onSearchInput(e) { this.setData({ searchKeyword: e.detail.value }) clearTimeout(this.searchTimer) this.searchTimer = setTimeout(() => { this.onSearch() }, 500)},
熟悉微信小程序的人都懂,这已经可以直接用在真实项目里了。
再看看首页模板 index.wxml——我直接贴出来:
<viewclass="container"> <!-- 搜索栏 --> <viewclass="search-bar"> <inputclass="search-input"placeholder="搜索商品" value="{{searchKeyword}}" bindinput="onSearchInput" /> </view> <!-- 轮播Banner --> <swiperclass="banner"indicator-dotsautoplaycircular> <swiper-itemwx:for="{{banners}}"wx:key="id"> <imagesrc="{{item.image}}"mode="aspectFill" /> </swiper-item> </swiper> <!-- 商品卡片列表 --> <viewclass="product-list"> <viewclass="product-card"wx:for="{{products}}"wx:key="id" bindtap="goToDetail" data-id="{{item.id}}"> <imageclass="product-img"src="{{item.image}}"mode="aspectFill" /> <viewclass="product-info"> <viewclass="product-title">{{item.title}}</view> <viewclass="product-bottom"> <textclass="product-price">¥{{item.price}}</text> <textclass="product-sales">已售{{item.sales}}件</text> </view> </view> </view> </view> <viewclass="loading"wx:if="{{loading}}">加载中...</view> <viewclass="no-more"wx:if="{{noMore}}">— 没有更多了 —</view></view>
布局结构清晰到可以直接拿去改。更关键的是,Craft 懂小程序的生命周期,下拉刷新和上拉加载都是按原生方式去适配的。
第三步:效率对比,传统方式真的没法比
相同需求做个小程序,以前我得:
自己搭项目结构:30 分钟
写核心页面逻辑和交互:2-3 小时
调试改错:1-2 小时
总计 4-6 小时。这次用 CodeBuddy Craft 模式,项目结构生成、核心代码生成、调试,加起来不到 10 分钟。
实话讲,这个落差还挺让人恍惚的——一晚上不够用 vs 一个咖啡时间搞定,完全不是一个维度的开发节奏。
如果用“生成代码”来理解 CodeBuddy,格局还是小了。这次的真正不同之处是 MCP 协议。
怎么理解 MCP 的作用呢?你可以认为 Craft 是大脑,MCP 是手脚。
我在实测时让 Craft 通过 MCP 调用 CNB(腾讯的一个云原生构建平台)去创建需求工单。我直接对 CodeBuddy说——
“帮我创建一个需求工单:标题‘电商小程序支付模块’,描述‘需要接入微信支付V3版本,支持 Native 支付和 JSAPI 支付’”。
它自己就去 CNB 建立工单了。整个过程,我没离开过 IDE,没手填任务字段。在 AI 协助开发时,这里有个很自然的体验升级:AI不仅知道该做什么,还能主动把协作链条里的脏活累活一步步完成。
更实在的是,通过 MCP,CodeBuddy 能在同一个 IDE 窗口里一次性完成这几件事:写代码 → 建数据库表 → 部署云函数 → 调试预览。
这个对做小程序、做 CloudBase 后端的人来说,体验提升比代码补全大了几个量级。因为中间那些割裂环节是你原本最容易被打断、被拖慢的地方。
还有一个容易被忽略的点:CodeBuddy 跑在腾讯云的整套企业级生态里。
“85% 的腾讯开发岗员工在用、编码时间平均缩短 40%、AI 生成代码占比超 40%”——这些不是官方营销词,在腾讯内部的真实落地已经让研发效能提升了超过 20%。
而且不止是内部,CodeBuddy SaaS 企业版目前在腾讯云官方商城提供 500 Credits /月的免费体验额度,之后的套餐从 58 元/人/月起。对于日常用来写小程序、做原型,这个性价比很能打。
国内工具天然对微信生态的支持,跟老外硬是把小程序当普通前端来处理的感觉,上手根本不是一回事。
说实话,它不完美。有些地方我得老实交代。
1️⃣ 适合的人:
重度开发微信小程序/小游戏的你(原生融合拉满)
想快速验证产品原型的创业团队
个人开发者或做副业项目的人
CRUD 类型的日常业务开发场景
2️⃣ 不太适合的场景:
不过最让我觉得值的是——国内深度优化的AI编程工具终于有了一个真正意义上“全链路打通”的选择。它不是独立画个圈,而是踩在整个腾讯云的生态肩膀上。
💬 评论区聊聊:你用过国产 AI 编程工具做小程序吗?Trae 和 CodeBuddy 你更看好哪个?或者有实操疑问,远景逐一回复~

🔔 关注【应用研究社】 ,回复 CB3 获取微信小程序 Craft 模式常用 Prompts 模板及MCP 配置示例,后续远景持续更新 AI 前沿资讯和实操教程,记得星标不迷路!