零基础也能学，手把手教你制作一个自己的微信小程序

前阵子有个朋友问我，他想给自己小区做个团购小程序，方便邻居们拼单买菜。我说你会写代码吗？他说不会。我说那正好，零基础也能做。他半信半疑地试了试，三天后给我发来了一个能跑起来的小程序，虽然界面丑得像用Excel画的，但功能居然全了。这件事让我意识到，很多人对制作小程序有误解，以为非得学编程、懂前端后端，其实微信早就把门槛踩平了。你只要有个微信账号，一台能上网的电脑，就能动手干起来。

第一步，先去微信公众平台注册一个小程序账号。打开微信公众平台的官网，点右上角的“立即注册”，选择“小程序”类型。填邮箱、设密码、收验证码，这些步骤跟你注册任何网站没区别。唯一要注意的是，邮箱不能是之前注册过公众号或者开放平台的，得用个干净的。填完信息后，系统会让你选主体类型，个人用户就选“个人”，企业用户选“企业”。个人账号功能受限，比如不能做虚拟支付、不能上架某些类目，但做个展示页、工具类、社区团购完全够用。认证费用一年300块，个人账号不需要交，企业账号要交。这一步大概花10分钟就能搞定。

账号注册好之后，下载微信开发者工具。这是微信官方出的IDE，也就是写代码和预览小程序的地方。你可能会怕，我不会写代码怎么办？别急，微信开发者工具里有个“新建项目”的选项，点进去选“小程序”，然后会看到一堆模板。默认的模板就是“Hello World”，你直接点“确定”，一个能跑的小程序就生成了。左边是代码区，右边是手机模拟器，你可以改改文字、换换图片，马上在右边看到效果。这种即时反馈的感觉，就像你在Photoshop里调色一样，改了就能看到。

接下来，你需要学会最基本的三个文件：app.json、index.wxml和index.wxss。app.json是配置文件，相当于小程序的户口本，里面写着小程序叫什么名字、用什么颜色、有哪些页面。你打开它，把“navigationBarTitleText”后面的内容改成你想要的名字，比如“老王团购”，保存一下，模拟器顶部的标题就变了。index.wxml是页面的结构文件，有点像HTML，里面写的是“这里放个按钮”“那里放个图片”。index.wxss是样式文件，控制颜色、大小、间距。你可以把按钮的背景色改成红色，字体改成24像素，保存后按钮就变样了。这些操作不需要背代码，照着官方文档抄就行，微信的文档写得跟说明书一样清楚。

想让小程序有实际功能，就得用到微信的云开发。云开发是微信提供的后端服务，你不需要自己买服务器、配数据库，直接在开发者工具里点“云开发”，开通后就能用。比如你想让用户在小程序里提交反馈，传统做法要写后端接口、连数据库，现在你只需要在云开发里建一个集合，相当于Excel表，然后在代码里调用“collection(‘feedback’).add”就能把数据存进去。整个过程不超过20行代码，而且微信帮你处理了用户登录、权限校验。我那个朋友就是用云开发做了一个团购表单，邻居们填了手机号和需求，数据自动汇总到他的云数据库里，他每天打开手机就能看到。

测试和预览也是零基础友好的。在开发者工具里点“预览”，手机会生成一个二维码，你用微信扫一下就能在真机上跑你的小程序。这时候你会发现，电脑上看着好好的，手机上可能按钮对不齐、图片太大。别慌，改改index.wxss里的尺寸，再预览，直到满意为止。微信还提供了真