程序IT圈
首先，先看一下效果图 。因为是个学习案例，所以功能非常简单，就是一个简单的页面展示功能 。后面有时间和精力，会再去完善功能的 。
目前最新的工具是2017.12.15 更新的，版本号（1.01.1712150）
https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html
安装环境，是很简单的，下载完安装包直接安装即可。
我们的开发环境如下：
介绍一下项目结构
除了以上页面的三大构成，还有项目的根目录还有一个 app.json 和 project.config.json 。
project.config.json 可以针对各自喜好做一些个性化配置，例如界面颜色、编译配置等 。
（附上一张官方文档截图）
配置项目的底部导航
具体属性值可以看底下这张截图，很明确的说明了：
具体官方文档：
https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html
如何创建个新页面
注意：文件名不需要写文件后缀 ，而且路径不能写错！
重点：页面如何加载数据
介绍完如何创建一个新页面，下面就开始重点介绍，我们如何给一个页面加上内容 。还是以一开始的例子 ，效果图如下 。我们发现这个页面就是上面一个横向列表 底部是个纵向列表组成 。
官方文档：
https://mp.weixin.qq.com/debug/wxadoc/dev/component/
学习官方文档如何使用API：
https://mp.weixin.qq.com/debug/wxadoc/dev/api/
源码获取方式
1、源码已经上传到github，喜欢的可以点Star一下，后续看情况维护 。
https://github.com/llpdev/ToutiaoWechat
3、总结
推荐阅读：
2017个人的年终总结
开发个转盘抽奖小游戏
合适分享 | 值得留言
