原文链接：https://my.feishu.cn/wiki/SMxFwJRqwizv0Ak7yOfcx8IynQh?from=from_copylink
因为不知道为什么gif图片 粘贴进来成了png 所以这里放原文，强烈建议大家看看原文的成品演示gif
背景故事
有段时间社群里经常会有人问技能搭建 或者是微信小程序开发相关技能；
问的次数多了，有天突发奇想，那我干脆花时间调研一下，写个文章 让大家理解技能是什么
于是有了 小程序技能参考： 小程序skill参考 ；
以及大家想要的 小程序开发专用的skill怎么弄，于是有了这个「微信小程序开发」Skill：
小程序skill参考 这是第一版md文件；
这是两个小程序验证项目开发后的版本：wechat-mini-program-development
大家直接下这个用就行；大家直接下这个用就行；大家直接下这个用就行；
Skill 介绍
Skill名称： wechat-mini-program-development
核心功能：
-
标准项目目录结构 -
统一请求封装（带拦截器）
-
集中式API管理
-
配置文件规范
-
全局登录检查
-
工具函数库
使用场景：
-
新建微信小程序 demo项目
-
重构现有小程序项目
-
结合技能 新开发小程序完整项目
-
团队统一小程序开发规范
具体使用方法
1. 调用 Skill 很简单
直接跟 TRAE 说：
“用 wechat-mini-program-development skill 创建一个新的微信小程序项目”
技能搭建出小程序架子，在架子基础上，给他提需求就行；
1技能搭架子:
2 架子基础上 提需求：帮我实现一个家庭点饭系统
效果展示：
原文链接：https://my.feishu.cn/wiki/SMxFwJRqwizv0Ak7yOfcx8IynQh?from=from_copylink
因为不知道为什么gif图片 粘贴进来成了png 所以这里放原文，强烈建议大家看看原文的成品演示gif
或者：
“使用 wechat-mini-program-development 技能帮我开发一个海外电商小程序”
效果展示
原文链接：https://my.feishu.cn/wiki/SMxFwJRqwizv0Ak7yOfcx8IynQh?from=from_copylink
因为不知道为什么gif图片 粘贴进来成了png 所以这里放原文，强烈建议大家看看原文的成品演示gif
2. 自动生成的项目结构
Skill 会帮你生成：
小程序项目/
├── app.js # 带全局登录检查
├── app.json # 带 TabBar 配置
├── utils/
│ ├── config.js # 配置文件
│ ├── api.js # API 统一管理
│ ├── request.js # 请求封装
│ └── util.js # 工具函数
└── pages/ # 标准页面结构
Skill 编写思路和技巧
技巧1：先结合官方规范写出第一版，再写真实项目，改进 Skill
我不是一开始就写 Skill 的，而是：
-
整理了大量文档资料，写了参考
-
综合参考使用skill creater 和我给的其他链接，创建第一版本技能；
-
再写了
wechat-demo项目 验证技能有效性 -
又写了
overseas-mall海外电商小程序 -
把两个项目的共同点抽出来
-
这样既符合规范 又通过实践改进 并加强技能；
这样写出来的 Skill 才是真的能用的！
技巧2：规范优先，语法要对
-
微信小程序用的是 CommonJS（
module.exports），不是 ES Module -
不要手动拼接 GET 参数，让
wx.request自己处理 -
401跳转要用
wx.reLaunch，不要用wx.redirectTo（TabBar页面会失败）
技巧3：用真实项目验证 Skill
我写完 Skill 后，又用它反过来检查了两个项目：
-
wechat-demo：测试了登录、支付、权限管理 -
overseas-mall：测试了完整购物流程
发现问题就改 Skill，改完再验证，反复迭代了好几轮！
实际成果
-
wechat-demo - 19个页面，包含登录、支付、权限管理
-
overseas-mall - 24个页面，完整海外电商购物流程
-
代码规范 - 两个项目结构完全一致，换人维护零压力
最后想说的话
刷过官方推荐，看过社区热门，但最贴合你业务场景的，往往是自己反复打磨出来的那个 Skill。
我的这个 Skill 可能不是最完美的，但它是我写了两个真实项目、踩了无数坑之后沉淀出来的。
如果你也在写小程序，不妨试试这个 Skill，有问题欢迎一起交流！
其他絮絮叨叨：
我主要是后端开发，虽然我也有一些前后端我自己一起做的项目，但是主要是后端，所以后端这个对我来说大部分不是问题，前端我也写 但是相比后端开发，做的没有那么多，所以才主要测试我创建的前端微信小程序技能 哈哈哈
以前跟人家前端一起协作，有时候也我先搞个demo 直接把详细流程，告诉前端，跑通了的，但是终究还是人家专门做前端的，知道更多各种常用组件库，啥的，所以如果技能前端表现不错，我就很满意，很开心，特别是开发时间还短，非常的哇塞，凌晨几个小时的事，hh，超级爽，
对我来说，我超满意
时间不长，效果不错，就非常棒哈哈
后续：我看了一下
第一个家庭点饭小程序，花费总时间，才三小时多一点？我还是断断续续写的，我相当开心；
另外因为项目有了之后我发现 总是会有图标 和 图片问题， 所以我弄了个新技能 用于修复图标画风和整体不一致 和 demo图片不能用问题；方便修复 图标图片问题 ，以用于快速演示；
从0到1：我是怎么用TRAE写出两个小程序项目
老开心了
是因为微信要简单一点点吗
