微信小程序这几年火得不行，连楼下卖煎饼的大爷都知道弄个点单码。但很多人一听到“搭建”“开发”这几个字，就下意识觉得那是程序员才能碰的东西。我告诉你，真不是。作为一个连HTML都背不全的文科生，我硬是在一个周末，从零开始，把一个小程序捣鼓上了线。今天这篇，就是把我踩过的坑、绕过的弯，掰开了揉碎了，讲给你听。

第一步，你千万别一上来就下载什么开发工具，那玩意儿会把你劝退。你得先有个“想法”，哪怕这个想法特别土，比如“帮我老婆记录口红颜色”。我当初就是想做个“家里囤货清单”，怕超市打折时买重了。你先把这个想法写下来，不用管什么流程图、思维导图，就写在手机备忘录里，三句话就行：给谁用？解决什么问题？里面要放几个页面？想不清楚这三件事，后面全是白忙活。

想明白了，就去注册账号。打开微信公众平台，选“小程序”类型，注意，这里有个坑，个人主体和企业主体不一样。个人能用的功能少，但免费、快，当天就能过审。企业的话，要营业执照，还得对公付款验证，麻烦得很。咱们零基础，先注册个个人的，够你玩三个月了。注册的时候要填邮箱，记住，这个邮箱以后就是你的登录账号，别用那种你早就忘了密码的旧邮箱，我身边真有人卡在这一步。

账号搞定，接下来就是重头戏：下载微信开发者工具。你搜“微信开发者工具”，进官网，选稳定版，别选那些测试版、RC版，稳定压倒一切。下载安装的时候，一路点“下一步”就行，但注意，它默认的安装路径在C盘，你最好改到D盘去，不然以后缓存文件能把C盘塞满。打开这个工具，界面是密密麻麻的代码，别慌，你只需要看左上角的“+”号，点它，选“小程序”，然后填你的AppID——就刚才注册完那个账号，在后台“设置”里能找到。

填好之后，它就给你生成一个“Hello World”模板，这个模板自带了一个页面，上面写着“欢迎进入微信小程序”。到了这一步，恭喜你，你已经完成50%了，因为最难的心理障碍已经跨过去了。接下来你要干的事，就是“抄”。怎么抄？看官方文档里的“小程序示例”，里面有一百多个现成的小组件，比如轮播图、按钮、表单。你右键点一个组件，选“在开发者工具中打开”，它就会把代码直接塞到你的项目里。你只需要改改文字、换换图片，一个页面就出来了。

这里我要重点提醒你一个最坑的地方：图片和文件路径。你从电脑上随便拖一张图进去，它显示不出来。因为小程序要求所有资源都必须放在项目文件夹里，你右键项目目录，选“在资源管理器中显示”，把图片复制到这个文件夹里，然后回来刷新一下，路径写“/images/你的图片名.png”，注意，必须以斜杠开头，少一个斜杠，图片就裂了。我当初就是被这个斜杠折磨了整整一个下午，气得差点把电脑砸了。

页面做出来之后，你要把几个页面串起来。这里有个词叫“路由”，听着高大上，其实就是在app.json这个文件里，把页面路径按顺序列出来。比如你有首页和购物车页，就在“pages”数组里写上“pages/index”和“pages/cart”。然后你想从首页点个按钮跳到购物车，就在首页的js文件里写一行代码：wx.navigateTo({ url: '/pages/cart' })。就这么简单，真没别的。

接下来是测试环节。你点开发者