那天看着别人家小程序挺顺眼，脑子一热自己也想捣鼓个页面。结果打开开发工具就傻眼了，完全不知道从哪下手。跟个无头苍蝇似的乱点了半天，屁都没弄出来。后来硬着头皮翻了一堆微信那个开发说明，才摸着点门道，逼着自己按步骤来。
第一步：新建项目，名字都纠结半天
点开工具，上来就让填项目名和路径。这玩意儿一开始能有啥名字？随便敲了个“测试001”，感觉特傻。路径更是瞎选了个桌面文件夹，结果后来找文件找得眼都花了。AppID？刚开始玩哪来这个，直接选了“使用测试号”。
第二步：纸上乱画比瞎做强
新建完一看，空荡荡一片，更懵了。想起以前大佬说过，先画草图。赶紧抓了张废纸，拿笔在上面乱画：顶上是标题栏，中间想放个轮播图显摆点图片，再下面堆几个方块放内容……画得歪歪扭扭，不过好歹脑子里有根线了。比之前直接对着屏幕发呆强百倍。
第三步：拖组件跟搭积木似的
翻到开发工具里的组件列表，感觉像进了玩具店。看哪个顺眼就往页面里拖：
- 先拽了个view当大盒子，跟玩俄罗斯方块似的占位置。
- 想放字？找个text标签塞进去，打字试效果，字小了看不清又吭哧吭哧调字号。
- 惦记着轮播图，找到个叫swiper的玩意儿，拖进去就一长条空白，还得往里塞swiper-item和图片。图片路径搞错两次，显示俩大红叉，气得我差点砸键盘。
第四步：调样式调到怀疑人生
东西是堆上去了，丑得没法看。打开那个wxss文件，对着样式表使劲：
- 给大盒子设宽高，100%？px？rpx？选哪个都别扭，来回改着预览，眼睛快瞪成斗鸡眼了。
- 想让几个小方块横着排，用flex布局。看文档说什么justify-content、align-items，头都大了。瞎试了半天flex-direction: row才勉强让它们躺平。
- 配色更灾难，background-color试了十几种颜色代码，选了最土的蓝色。
第五步：真机预览，丑得想删APP
折腾了一下午，感觉电脑上看得过去了。赶紧扫码真机预览。结果手机上打开一看：
- 标题被系统导航栏挡住了半截。
- 轮播图图片裁得面目全非，脑袋只剩半个。
- 布局全乱了，底下内容挤成一坨。
瞬间崩溃。默默关掉手机，打开电脑，骂骂咧咧地重新调间距、改图片mode、加margin。反复扫码预览了七八次，才勉强能入眼。
就这么个破页面，鼓捣了小一天。感觉像是跑了个马拉松，累趴了。看着那粗糙得不行的页面，居然还挺得意——好歹是自己从零硬抠出来的玩意儿，丑是丑了点，能跑就行！下次再弄，打死我也不忘了先在纸上多画几遍。
