刚入行那会儿，我也觉得写代码是高大上的事。直到第一次接私活，客户指着手机屏幕说“这个按钮怎么点不动”，我盯着电脑屏幕看了半小时，发现是个缩进错了。那一刻我明白了，小程序开发不是魔法，是搬砖。

很多人一听“开发”俩字就头大，觉得要懂Java、Python、C++。其实微信小程序入门开发，门槛比你想象的低得多。它用的是类JavaScript语法，前端后端通吃，对于有Web基础的人来说，上手极快。但别高兴太早，坑也多。

我见过太多人，下载个微信开发者工具，照着官方文档敲个Hello World，就觉得自己能接单了。结果呢？真到了项目里，连个登录态都搞不定。

先说环境。别去网上下那种打包好的“一键安装包”，里面全是广告和垃圾插件。直接去微信官方下载最新版的开发者工具。注意，一定要用官方渠道。我有个朋友，为了省事下了个破解版，结果编译的时候报错，折腾了两天，最后发现是环境路径里有中文，微信工具对中文路径支持一直拉胯。

第一步，建项目。打开工具，选“小程序”，输入AppID。没有AppID？去微信公众平台注册一个，个人号也能用，虽然有些功能受限，但练手够了。填个项目名称，比如“我的第一个Demo”。

第二步，看目录结构。你会看到app.js, app.json, app.wxss, 还有pages文件夹。别慌，这跟React、Vue很像。app.js是入口，app.json是配置，比如你有多少个页面，底部导航栏长啥样。pages文件夹里就是一个个页面。

第三步，写页面。在pages里新建一个目录，比如index。里面会有四个文件：.js, .json, .wxml, .wxss。别问为什么是这四个，微信规定的。wxml是结构，类似HTML；wxss是样式，类似CSS，但写法有点区别，比如单位用rpx，自适应屏幕。

我有个学员，叫阿强，他是个设计师，想做个展示类的小程序。他第一个坑就栽在wxss上。他习惯用px，结果在iPhone 6上看着还行，到iPhone 14 Pro Max上，字小得像蚂蚁。后来我让他把px改成rpx，瞬间清爽。记住，rpx是响应式像素，屏幕宽度固定为750rpx，这样不同手机显示比例才一致。

第四步，逻辑交互。在.js文件里，用setData来更新数据。这是最容易出错的地方。setData不是万能的，传太多数据会卡顿。阿强当时做了一个列表，一次性加载100条数据，结果页面卡得动不了。后来我教他分页加载，每次只加载10条，体验立马提升。

这里有个细节，setData里的key要用引号括起来，比如setData({ title: '新标题' })。阿强有一次忘了加引号，结果页面直接白屏，查了半天日志才发现是语法错误。

第五步，真机调试。别只在模拟器上看，模拟器全是坑。用真机扫码预览，你会发现很多样式问题。比如，iOS和Android的滚动条样式不一样，iOS默认隐藏滚动条，Android默认显示。你得用CSS去兼容。

我做过一个电商小程序，客户要求滚动条必须隐藏。我在wxss里加了::-webkit-scrollbar { display: none; }，在Android上生效了，但在iOS上没反应。最后没办法，只能把滚动容器的高度固定，用overflow: hidden，再自己写个下拉加载的逻辑。这活儿，官方文档里可没细说。

最后，上线。提交代码，审核，被拒。别气馁，我第一次提交就被拒了，理由是“诱导分享”。其实我只是在页面上写了“分享给朋友获取优惠”，这触发了微信的风控。后来我改成了“邀请好友助力”，才过审。

微信小程序入门开发，核心就三点：熟悉官方文档，多动手试错，多真机调试。别信那些“三天精通”的课，都是扯淡。代码这东西，手感是敲出来的，不是看出来的。

当你第一次看到自己写的页面在手机屏幕上跑起来，那种成就感，真的爽。别怕报错，报错就是在学习。加油吧，新人。