微信小程序从零开始，手把手教你搭建第一个应用

说实话，我第一次点开微信小程序后台的时候，也有点懵。满屏的英文、各种看不懂的配置项，还有那个需要下载的开发者工具，差点就关掉页面放弃了。但后来我发现，这东西没想象中那么玄乎，只要你愿意花一个下午的时间，按照步骤一步步来，第一个小程序就能跑起来。今天这篇，我就用最笨的办法，把从注册到上线预览的全过程，拆成你能跟着操作的样子，保证不扯那些云里雾里的术语。

第一步，你得有个邮箱，最好是没注册过微信公众号的。打开电脑浏览器，搜“微信公众平台”，点进去，右上角有个“立即注册”，选“小程序”这个类型。这里要注意，邮箱会收到一封激活邮件，点一下链接才算真正注册成功。填信息的时候，主体类型选“个人”就行，别选企业，因为个人不需要营业执照，省事很多。不过个人版有些功能受限，比如支付功能暂时开不了，但咱们只是练手，完全够用。

注册完登录进去，你会看到一个后台界面。别急着点那些花里胡哨的菜单，先找到左侧“设置”里的“基本设置”，把小程序名称、头像、简介都填上。名称很重要，因为以后搜索全靠它，建议想一个简单好记的，别用生僻字。头像随便传一张图就行，简介写清楚你是干嘛的。这些填完，后台这块基本就摸清了，剩下的功能以后用到再慢慢研究。

接下来要下载一个叫“微信开发者工具”的软件，这是官方出的，免费。下载安装后，用你刚才注册的微信号扫码登录。登录进去，选“小程序”，然后点“新建项目”。项目名称随便填，目录选一个你电脑上专门放代码的文件夹，AppID那里选“测试号”就行，不用填真实ID，这样最省事。点确定，你会看到一个编辑器界面，左边是代码，右边是模拟器，中间是工具栏。别害怕，咱们不是来学编程的，只是先让它跑起来。

这时候你会看到系统自动生成了一些文件，比如app.js、app.json、pages文件夹这些。咱们先不动代码，直接看右边那个模拟器。在模拟器上方，有个“预览”按钮，点一下，会生成一个二维码。这时候拿出你的手机，打开微信扫一扫，就能在真机上看到你的小程序了。虽然它现在只是个默认的“Hello World”页面，但这一步的成功意味着你的小程序已经能跑通了，剩下的就是填内容。

现在咱们试着改点东西。回到编辑器，找到pages文件夹下的index文件夹，里面有个index.wxml文件，双击打开。这个文件负责页面结构，你看到的那行“Welcome”文字就在这儿。把它删掉，换成你自己的话，比如“我的第一个小程序”。改完按Ctrl+S保存，右边模拟器会立刻刷新。再点“预览”，手机扫码，你会发现手机上显示的就是你改后的内容了。这种即时反馈的感觉，特别有成就感。

接下来，咱们再加个页面，让小程序看起来不那么单薄。在pages文件夹上右键，选“新建文件夹”，命名为“about”，然后在这个文件夹里新建四个文件，分别是about.wxml、about.wxss、about.json。这四个文件组成了一个完整页面。然后打开app.json，找到“pages”数组，把“pages/about”加进去，保存。这时候你在模拟器上会看到底部多了一个tab栏，点击就能切换页面。虽然第二个页面还是空的，但框架已经搭好了。

一步，就是把你做好的小程序发给朋友看。点工具栏上的“上传”按钮，填个版本号和备注，确认上传。然后回到公众平台后台，左侧找到“版本管理”，在开发版本里能看到你刚上传的版本。点“提交审核”，审核通过后点“发布”，你的小程序就正式上线了。审核一般要等几个小时到一天不等，期间你可以继续优化页面，改完再上传新版本就行。

折腾完这一圈，你会发现微信小程序也没那么神秘。它本质上就是一个网页，只是跑在微信里，有自己的一套规则和工具链。我见过不少朋友卡在注册那一步就放弃了，其实只要迈过那个坎，后面都是水磨工夫。你现在有了第一个能跑的版本，接下来想学什么功能，查文档也好，看视频也好，都有基础了。关键是别停下来，哪怕每天只改一行字，那个小绿点也会越变越好看。