以下是使用 Trae 开发微信小程序的步骤:
另外有两个额外要点需要了解:
下面,我们打开Trae,并打开刚才创建的文件夹继续使用Chat模式来明确需求:生成prd.md后,可以打开来进行修改:然后切换到Builder模式,开始进行开发。因为Trae会在本地文件夹内生成代码,而微信开发者工具也是从同一个本地文件夹内读取代码,并且有实时预览功能,所以我们可以在微信开发者工具内看到:左侧是预览窗口,是可以交互的。为了更加仿真,我们可以点击右上角的真机调试,打开预览:大家可以看一下我录的演示视频:[微信小程序演示.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/Ba7jbHNuJoCi6dxWaDoccxrlnth?allow_redirect=1)其中的开发和正常的Trae开发流程一样,如果有报错就修改错误,直到在微信开发者工具内调试到正常。然后可以点击微信开发者工具的右上角“上传”,在弹出的弹窗里选择“确定”接着在弹出的选项里填写版本号和项目备注:上传完毕后会显示上传成功:随后,可以在微信小程序后台,版本管理里看到开发版本的信息:你可以点击体验版进行线上体验,也可以提交审核。这里有两个额外的要点需要大家了解:
蓝色文字跳转到文档对应位置)(不断更新)|章节_[三.使用DeepSeek R1给老外起中文名](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-DyEMdmCPOo98S6xbPfNcsuEOnuh)|知识点_[Node.JS安装](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-PVnndBSV5oWOukx38tKcw2CPnub)|[申请DeepSeek R1 API](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-TrXednqLAoH3VLxrUiYc1Pb9nhf)|[网页接入DeepSeek API](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-UK5xdzhiaoo9RkxHR5bcs30pnV8)||-|-|-|-||[八.做一档你自己的AI播客](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-UInbd7ukHo7OYsxG9nucAgvNnhg)|[使用长文本+语音模型生成音频内容](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-AQw8dFhEBo9PuhxPDFrczAJInZe)||||[九.柴犬表情包生成器实战(Coze bot+API)](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-WssBdviCpovz4pxZefTccRK4nLg)|[使用Coze作为后端服务](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-VHLJdr7nSolp2PxuCC8cxa7mnId)|[用Trae开发网页包装Coze API](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-JHCVdVpM1o8sRhxLBMWc3q1Ln0b)|||[进阶:将柴犬表情包生成器网页部署到Cloudflare](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-RDY0dbZs8oYFSexQe6tcQpDYnzf)|[使用Cloudflare部署网站](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-RDY0dbZs8oYFSexQe6tcQpDYnzf)||||[十.做一个微信小程序](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-DIWydF0SVompI2xOEFoc3vhbn0g)|[Trae+微信开发者工具协同开发](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-TxTEdKmt3oXSF8xZaZvcnrLln0c)|[微信认证和ICP备案](https://waytoagi.feishu.cn/wiki/O5V5wLC5Jiilpjk9j9RcAuACnZc#share-IEBAd75dLomNmVxZmY7cvSyEnzf)||
我们这一节,和大家说一下简单的小工具开发,帮助大家上手微信小程序,后面可以使用Trae来继续深入做更多你想做的产品。[heading2]开发微信小程序的准备工作[content]这里有两个前置准备:1.注册一个微信小程序账号2.下载微信开发者工具[heading3]注册微信小程序账号[content]https://mp.weixin.qq.com/cgi-bin/wx点击“前往注册”,进入到小程序注册页面:填写你的邮箱,两次确认密码,会给你注册邮箱发一封激活邮件打开邮件,点击激活链接后,会进入到具体的小程序注册页面:这里你可以选“主体类型”,个人类型暂不支持微信认证、微信支付及高级接口能力。再往下滑,有一些信息登记,填写就好了:后面的流程,因为一个身份证只能申请5个小程序,黄叔的满了,所以展示不给大家演示了。咱们当前这一步的核心是拿到AppID。[heading3]下载微信开发者工具[content]https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html大家可以选择稳定版进行下载好的,下载完毕后,我们打开微信开发者工具,并扫码登录,可以看到下面的界面:项目名称和目录,大家可以自己去创建文件夹后填入项目名称,以及选中目录点击AppID下拉框,可以看到当前账号下关联的所有微信小程序这里我们的案例是不需要微信云开发的,所以后端服务选择“不使用云服务”然后点击“创建”按钮,进入到了开发界面接着,我们用Trae开始进行开发