前言
之前写了一版小程序开发指南【小程序指南】新手如何用AI开发小程序
看到大家都很关注，因此本次在前文基础上做了一些细节补充，更便于大家逐步跟着操作。
一、注册微信小程序
1）注册小程序
2）记录AppID【重要‼️】
小程序注册成功后，在首页-小程序信息-账号信息下找到AppID，复制保存下来，后面开发小程序时会用到。
二、下载微信开发者工具
下载链接：直接搜“微信开发者工具下载”，下载后直接微信登录
三、选择AI工具
关于AI工具，可以选择IDE类开发工具，国内的IDE类工具有WorkBuddy（腾讯系）、TRAE（字节系）、Qoder（阿里系）等，任意选择一个就可以。
IDE 类 AI 工具以本地 / 编辑器深度集成为核心，主打开发流程无缝辅助，更适合本地开发。
⚠️豆包、扣子、千问这类云端AI工具也可以写小程序代码，但是和开发者工具对接起来比较繁琐，不建议。
云端 AI 工具以浏览器 / 云端沙箱为载体，主打开箱即用、跨设备与协作，不适合本地开发。
四、AI工具和微信开发者工具对接
1）第一步：在桌面建一个空文件夹
这个空文件夹后续将用来存放小程序的全部代码，可以命名为你的小程序名‼️
2.a）第二步a：如果用的TRAE：
TRAE软件切换到IDE模式，点击打开文件夹，选择第一步创建的这个文件夹
2.b）第二步b：如果用的WorkBuddy
选择“代码开发”，选择第一步创建的文件夹，打开，此时是一个空文件夹。
3）第三步：打开微信开发者工具，并登录
登录微信开发者工具后，在“小程序”页面点击【+】，创建一个小程序文件。
4）第四步：填写小程序信息
创建小程序页面需要填写以下信息：
项目名称：可以填写你的小程序名称，
目录：选择第一步创建的文件夹
AppID：注册小程序时记录下来的AppID
后端服务：如果你的小程序需要存储数据，则可以选择“微信云开发”，将数据存在微信云服务器中，后续每月付费即可（⚠️云服务会一定程度上增加开发难度，会有额外的一些操作）。如果“不使用云服务”，则需要自己部署服务器。如果不涉及到数据存储，则可以直接选“不使用云服务”，
模板选择：随便选择一个。在创建完成后，因为选择了模板，所以开发者工具会自动创建模板的代码文件到选中的文件夹里，需要直接在文件夹中删除全部的文件，维持空白文件夹状态，方便后续AI将代码写入该文件夹中。
⚠️AI工具和微信开发者工具一定要打开同一个文件夹，这样后续AI工具改动代码后，可以直接在微信开发者工具进行效果预览。‼️
五、正式开发
1、注意事项
不要开发太过复杂的功能，比如支付、转账、IM、直播、地图等，建议先做纯展示类和工具类； 不能有违法、违规、导流过度的内容等； 在开发过程中，遇到报错不要慌，直接复制/截图给AI，让AI自行解决。
2、正式开发
1）梳理需求文档
请帮我撰写一份完整、结构化、适合开发微信小程序的需求文档（PRD），小程序的主要功能是：（写你的大概需求，比如记事本、计算器等）内容简洁清晰、开发可直接使用。结构必须包含：1. 项目名称2. 项目概述（用途、目标用户）3. 页面结构（所有页面及用途）4. 核心功能模块（每条清晰可开发）5. 交互逻辑（点击、跳转、操作流程）6. 数据存储（本地存储内容）7. UI风格与配色要求8. 约束条件（无需后端、无需登录等）
2）指令AI按需求开发
根据下方需求开发微信原生小程序，纯 WXML+WXSS+JS+JSON。要求：结构完整（app文件+页面4文件齐全）、功能完整、界面美观、无框架、可直接运行、代码不省略、带注释。需求：（粘贴你的需求）
我的小程序AppID是：xxxx
六、调试和优化
预览/真机调试：如果想在手机微信上预览，可以直接点【预览】或【真机调试】，接着就可以直接在微信上预览使用； 清除缓存：有的时候数据有缓存，需要点击【扫把】按钮清除缓存，AI有的时候会直接提示你清缓存。 刷新/重新编译：有的时候新增了功能或改了代码，需要点击【刷新】按钮刷新一下代码重新编译运行。
七、小程序体验
八、小程序提交上线
End
优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！
优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。
公安局备案号：
专属顾问
