写在前面：

微信小程序的逐步更新，越来越成熟，小程序用来替代一些小型的App确实是个不错的选择。因为开发出来无论Android、IOS都可以一样的使用，极大的缩减了开发成本。在开发微信小程序的过程中，我发现官方提供了丰富的API，使得开发的工作变得十分简单。

因为之前有Web开发的经验，我作为一个接触微信小程序不久的开发者，都可以很快的上手，这是因为微信小程序和Vue十分的相似。那么，我接下来以一个刚学习微信小程序的开发者的角度，来写一篇实战开发微信小程序的文章。

开始：

官方文档是最好的了解微信小程序的方式：

指南: https://developers.weixin.qq.com/miniprogram/dev/framework

API: https://developers.weixin.qq.com/miniprogram/dev/api/

我写的小程序源码： https://gitee.com/sheypang/waterwoodnoting

第一步是前往微信公众平台注册一个账号，账号分为个人和企业、政府、非个人等等，它们的区别是个人开发者发布小程序的类目较少，具体可以参照文档：https://developers.weixin.qq.com/miniprogram/product/material/。

作为学习自然是注册个人开发者就好了。每个账号只能对应一个微信小程序。在注册、填写小程序基本信息后，可以进入小程序后台–>开发–>开发设置中找到Appid，创建小程序项目需要用到。

第二步是创建小程序，开发使用的IDE是微信官方提供的微信开发者工具，下载安装好的之后打开新建小程序项目，填好Appid。即可开始。在开发过程中，可以在手机中预览和真机调试，在IDE上方有相应按钮，使用自己的手机扫码就可以了。

小程序的页面分为四个部分，每次新建一个Page会自动创建这四个部分，分别是

xx.js :用来存放Js脚本，生命周期函数，业务逻辑都在这里，当你新建Page后，每个函数都会有注释来描述它的作用。

xx.json :存放一些页面参数，比如页面的标题。

xx.wxml :存放页面视图，就是相当与html文件。

xx.wxss :存放页面布局，相当与css。

还有比较重要的是app这个Page，它是微信小程序的入口文件。小程序最开始会运行app.js里的代码，然后每新建一个page，会在app.json的page这个键下增加一个值，它关系到我们访问的路径是什么。这就是我们所说的路由，最后是app.wxss，它是小程序的整体样式文件，所有文页面都可以使用它的样式。

还有重要的一点，那就是小程序的示例。新建微信小程序的时候可以看到，个人觉得它比官方的文档更加实用，因为它包含了绝大多数组件的使用，学习使用或者实际开发的时候都可以参照小程序示例，做一些复制粘贴，非常实用。

第一篇就写到这里，下一篇正式开始写代码