零基础入门微信小程序开发，这一篇就够了

我见过太多人想学小程序开发，第一反应就是“我不会编程，肯定学不会”。真不是这样。微信小程序开发，零基础完全能上手，关键在于你愿不愿意迈出第一步。我见过一个做水果生意的阿姨，硬是靠着看视频教程，给自己店里做了个下单小程序，现在每天几十单线上订单，都是她自己维护的。所以别急着自我否定，先搞清楚小程序到底是个啥玩意儿。

说白了，小程序就是运行在微信里的轻量级应用。你不需要下载安装，扫个码或者搜一下就能用，用完关掉也不占内存。对开发者来说，这意味着你不用像做App那样考虑iOS和安卓两套系统，也不用操心用户装不装你的软件。微信帮你把底层的东西都搞定了，你只需要专注写代码。而且小程序用的是JavaScript，这是全世界最简单的编程语言之一，语法通俗易懂，哪怕你完全没接触过程序设计，花两周时间就能写出能跑的页面。

做小程序前，你得先注册一个账号。去微信公众平台，选“小程序”，用邮箱注册，然后做身份认证。个人主体可以注册，不用营业执照，就是部分功能受限，比如不能开通微信支付。如果你只是想练手或者做个个人作品集，个人号完全够用。注册完你会得到一个AppID，这串字符就是你小程序的身份证，后面开发工具里要用到。整个过程半小时就能搞定，别被那些复杂的流程说明吓着。

接下来要装开发工具。微信官方出了一个“微信开发者工具”，免费下载，支持Windows和Mac。这个工具集成了代码编辑、调试、预览、上传等功能，一站式搞定。打开工具，用你的微信扫码登录，然后新建项目，填上刚才的AppID，选择“不使用云服务”，模板选“JavaScript-基础模板”。工具会自动生成一套初始代码，里面有页面、逻辑、样式三个文件的框架结构。你不需要理解每一行代码，先看看目录结构，知道什么东西放哪里就行。

现在进入核心环节——理解小程序的页面结构。每个页面由四个文件组成：`.wxml`管结构，相当于HTML，决定页面上有什么；`.wxss`管样式，相当于CSS，决定这些东西长什么样；`.js`管逻辑，处理数据交互；`.json`管配置，设置页面标题之类的参数。你打开工具生成的`index`页面，把`index.wxml`里的内容全删掉，换成一行`你好，世界`，然后在模拟器里看看，页面是不是显示了这行字？恭喜你，你已经完成第一个小程序的开发了。从这开始，一点点加东西，加个按钮，加个输入框，加个列表，每加一样，你就离真正的开发更进一步。

小程序的精髓在于“组件”和“API”。组件就是官方给你做好的积木块，比如``是容器，``是文字，``是按钮，``是图片，你只需要像搭积木一样把它们拼起来。API则是微信提供的功能接口，比如获取用户头像、扫码、支付、定位等。零基础阶段，你只需要学会用组件搭页面，再调用几个简单的API就行。比如做个小番茄钟，页面放一个倒计时数字，一个开始按钮，一个重置按钮，按钮触发JS里写好的定时器逻辑，这样一个实用工具就出来了，一共不超过100行代码。

调试是个关键能力。开发工具自带模拟器和调试器，模拟器让你看到页面效果，调试器里有Console面板，代码出错会在里面显示红色的报错信息。初学者最常见的错误是拼写错误、括号不匹配、数据没定义。看到报错别慌，点开错误信息，它会告诉你是哪个文件哪一行出了问题。改完代码按Ctrl+S保存，模拟器自动刷新。如果页面没反应，先看Console有没有报错，再看网络请求有没有发出去，再看数据有没有渲染出来，按这个思路排查，90%的问题都能自己解决。

当你把代码写得差不多，就可以真机预览了。在开发者工具右上角点“预览”，会生成一个二维码，用微信扫一扫，就能在手机上真机运行你的小程序。这一步特别重要，因为电脑模拟器和真机还是有区别的，比如字体大小、屏幕适配、网络环境。真机测试没问题后，就可以考虑发布了。发布需要上传代码到微信后台，然后提交审核。个人主体的审核一般1-2天，官方会检查你是否有违规内容，比如诱导分享、色情低俗、收集隐私等。审核通过后，你的小程序就能被搜索到了。

说点掏心窝子的话。零基础学小程序，最大的障碍不是技术，而是心态。很多人学了两三天，遇到一个报错解决不了，就觉得自己不适合编程，放弃了。其实那些“大神”程序员，每天也在跟报错作斗争，只不过他们习惯了。你只需要记住三件事：第一，报错是常态，不报错才奇怪，别怕它；第二，搜索引擎是你最好的老师，把报错信息复制到百度或Google，几乎都能找到答案；第三，坚持写，哪怕每天只写半小时，三个月后你回头看，会发现当初觉得难如登天的东西，现在看来不过是小菜一碟。小程序开发这条路，只要你想走，零基础就是你的起点，不是你的终点。

原文来自：小程序开发

下一篇：微信小程序后端开发，如何选对专业公司少走弯路 上一篇：微信小程序功能全解析，这些实用技巧你都知道吗？