从零到上架，微信小程序开发全流程实战指南

打开微信，你每天至少会用到十几个小程序：点外卖、查快递、排队取号、看天气、甚至开会签到。但你可能没想过，这些看似简单的工具，背后是一套完整的开发流程。我见过太多人倒在第一步——下载了开发者工具，看完官方文档，然后就没有然后了。不是他们不努力，而是网上那些教程要么讲得太碎，要么跳步太狠，让你跟着做做不出来，出了问题也不知道去哪查。

去年有个学员，零基础，连JavaScript都没碰过，硬是花了三周把一个小程序从零做到了上架。他做的是个啥？帮小区业主登记快递代收。功能简单到不行，但流程走了一遍，之后再做任何小程序，他都知道该从哪里下手。这就是全流程的价值——你不需要一开始就懂所有技术细节，但你得先知道这条路长什么样，每一步会遇到什么坑。

先解决注册和工具安装。别小看这一步，坑多得很。注册小程序账号要选企业主体还是个人主体？个人主体不能开通微信支付，如果你要做电商或者收费功能，必须用企业资质。注册完还要在后台设置AppID，很多人复制错了，复制成了AppSecret，结果代码里一运行就报错。开发者工具去官网下载稳定版，别下开发版，开发版天天更新，今天能用明天就崩。装好之后，用微信扫码登录，选小程序模式，新建项目时把AppID粘贴进去，模板选JavaScript基础模板，别选云开发模板——云开发自带数据库和云函数，对新手来说反而增加了理解负担。

接下来就是项目结构。小程序不像传统网页那样自由，它有自己的规矩。pages目录下每个页面都对应四个同名文件：.wxml是结构，.wxss是样式，.js是逻辑，.json是配置。这跟网页的HTML、CSS、JavaScript一一对应，但多了个json配置文件。新手最容易犯的错是改了wxml和wxss，刷新半天没变化，结果发现json文件里把navigationBarTitleText写错了，导致页面标题乱码。还有app.json是全局配置，里面注册了所有页面路径，新增页面必须在这里登记，否则直接白屏。tabBar也在这配置，底部导航栏的图标和文字都在这里定义，图标尺寸固定81px*81px，超出就显示不全。

开始写代码了，先别急着做复杂功能。我建议你从静态页面做起，先把你想要的界面用view、text、image这些基础组件搭出来。比如你要做一个待办事项列表，先用view把每个事项的容器画出来，用text显示文字，用checkbox%