微信小程序新手教程window配置tabBar底部导航

微信小程序新手教程window配置tabBar底部导航，本篇默认已经成功安装微信小程序工具，来和小编一起看看吧
一：HelloWeApp
【微信小程序新手教程window配置tabBar底部导航】新建项目

文章插图
AppID查看公众开发平台设置查看(https://mp.weixin.qq.com)

文章插图
项目名称随意填写
本地开发项目：新建一个空的文件夹勾线当前会生成一个项目
打开项目

文章插图
更详细的说多了也没啥意义看官网的简易教程非常详细!
https://mp.weixin.qq.com/debug/wxadoc/dev/?t=1474644089807
二：window配置

文章插图
window用于设置小程序的状态栏、导航条、标题、窗口背景色。注意在app.json中配置的属性会被子window属性覆盖

文章插图
只需在app.json配置即可

文章插图
三：tabBar底部导航
tabBar相对而言用的还是比较多的，但是用起来并没有难，在app.json中配置下tabBar即可，注意tabBar至少需要两个最多五个Item选项
主要属性：
对于tabBar整体属性设置：

文章插图
对于tabBar中每个Item属性设置：

文章插图
下面是官网一张图对tabBar描述：

文章插图
app.json的配置相对就简单了：

文章插图
四：应用生命周期

文章插图
App() 函数用来注册一个小程序，注意必须在 app.js 中注册，且不能注册多个。
使用方式也跟Android 中的Application中初始化一些全局信息以供使用。
方法：

文章插图
应用生命周期代码：

文章插图