今天把去年做小程序的底稿翻出来了，给你们唠唠普通人咋从零搞出个能用的玩意儿。刚开始我也两眼一抹黑，连开发工具是啥玩意儿都不知道，全靠硬着头皮折腾。

第一步：找家伙事儿

直接在电脑上搜“微信小程序开发工具”，下了官方那个安装包。装的时候就跟往手机里塞新App似的，死命点“下一步”就完事了。装完一打开，好家伙！弹出来个二维码要我扫微信登录，整得跟超市付款似的。

第二步：开新坑

点工具左上角那个“+”号，就跟新建Word文档差不多。填项目名字的时候手一抖写成“测试001”——这破名后来跟了我三个月，土得掉渣但懒得改了。下面有个AppID的空格，这儿得去微信公众平台现申请，跟办手机卡似的要填一堆资料，等了几分钟才拿到那串字母数字混编的码。

第三步：看天书

新建完项目当场傻眼！屏幕左边唰地弹出来一堆文件夹：

• pages文件夹：里面每个子文件夹代表一个手机页面，点外卖时候首页、购物车、订单页就是这玩意儿
• js文件：拆开跟看电报密码本似的，后来才知道这里头管页面怎么动
• json文件：刚开始还以为是乱码，管着页面顶上的标题字
• wxml文件：长得像网页代码，专门画按钮、文字框这些零件
• wxss文件：跟给网页穿衣服似的，调颜色改大小全靠它

第四步：瞎改试水

我直接双击打开首页的wxml文件，把里面“欢迎语”删了，改成“老铁点个赞再走！”。保存完一抬头，右边模拟器里真的变成我打的字了！当时乐得差点从椅子上弹起来。

第五步：焊电路板（伪）

想搞个能点数的按钮：先在wxml里塞了个<button>标签，wxss里把按钮涂成骚紫色，再到js里抄了段计数器代码。测试时候狂点按钮，眼睁睁看着数字从0蹦到38——这感觉跟第一次焊电路板亮灯似的！

第六步：真机翻车

在工具里点“预览”，生成了个二维码。拿自己手机微信一扫，完了！按钮变形成一长条紫茄子，数字显示到屏幕外面去了。赶紧回去调wxss，把按钮宽度从300px改成80%，跟给衣服改尺寸似的来回折腾三遍才正常。

第七步：传照片差点卡死

想加个上传功能，查文档发现要用<image>标签和chooseImage接口。写完之后点上传，手机相册倒是弹出来了，选完照片转圈转了半分钟——原来忘了在json里声明“需要相册权限”！补上之后就跟过安检刷卡似的，“滴”一声就传上去了。

第八步：发到云端存数据

准备搞用户留言功能时懵了，数据存哪？研究半天发现得用微信云开发。在控制台戳开通云数据库，建了个叫“feedback”的表（名字瞎起的）。写js代码时候手抖把add写成update，测试时用户留言全被我覆盖了，气得拍大腿。

第九步：提交审核等得心焦

在开发者工具点“上传”，填版本描述时写了句“修了按钮紫色的bug”。审核等了两天，结果被打回来！理由居然是我的小程序简介里写了“最好用”——平台说这算夸大宣传。改成“勉强能用”后，隔天就通过了。

现在回头看，这些步骤就跟拼乐高似的：先认清楚哪块积木是门哪块是窗户，再照着说明书咔哒咔哒往上怼。中间拼错了就拆了重来，通电那一刻——再丑也是自己亲手攒出来的！