今天翻微信发现有人分享小程序，想起自己还不会做，干脆撸袖子开干。先百度搜开发教程，结果弹出老多工具软件，挨个戳下载按钮装电脑里。

第一步：准备锅碗瓢盆

微信官方文档说要用他们家的微信开发者工具，下完发现最新版界面花里胡哨的。我装到一半卡在99%不动了，气得捶键盘重启三次才装上。打开软件弹出个二维码要我微信扫码，扫完账号居然不能同步收藏夹，这设计够蠢的。

第二步：搭空壳子

点新建项目时懵圈了，APPID这玩意儿去哪找？翻了二十分钟公众号后台才在开发设置里抠出这串字母数字。填项目名时手抖打了"测试用别删"，结果模板选项里突然蹦出十几个广告模板，我直接选了最光秃秃的空白页。

第三步：改头换面

看见左边代码框里密密麻麻的字就头疼。找到pages/index这个文件夹，点开发现四个同名不同姓的文件。照着教程把*里的标签改成，右边模拟器突然弹出"Hello World"，乐得我拍了把大腿。想改个颜色，在*里加了行color:red;，结果字变红了但标题跑偏到屏幕外。

• 翻css教程发现忘写display:block
• 把24px字号改成18px才正常显示
• 按钮点击事件搞错大小写，调试报错五次

第四步：真机现形

点工具栏预览按钮生成个二维码，微信扫码后手机居然白屏。跑回电脑看控制台才发现少传了图片文件夹。重新上传后手机端能显示了，但商品列表卡住划不动。查文档发现要加scroll-view组件，套完外层盒子才顺溜。

第五步：打包上桌

点上传按钮弹出版本号输入框，随手填了个1.0.0。结果微信后台提示要写更新日志，现编了句"修复已知问题"。等审核那两天隔俩钟头就刷次手机，第三天大清早收到通过通知时，牙膏都挤衣服上了。

现在看我那小破程序简陋得很，但亲身趟过这趟浑水才明白：别看官方文档写得人模狗样，实操时全是坑。下次再做绝对先把页面布局捆结实了再写功能，不然调试能掉半斤头发。