微信小程序初入门

一：微信小程序开发准备
1：账号申请
（1）要使用小程序开发者工具首先需要拥有一个小程序帐号，通过这个帐号就可以管理小程序。
（2）申请账号，进入微信公众平台小程序注册页 根据指引填写信息和提交相应的资料，便可拥有一个小程序帐号（ps：一个邮箱只可注册一个，一个身份证可注册五个）。在小程序管理平台，可以管理小程序的权限，查看数据报表，发布小程序等操作。登录 小程序后台 ，在菜单 “开发”-“开发设置” 获取小程序的 AppID 和密钥。
（ps：小程序的 AppID 相当于小程序平台的一个身份证，后续会在很多地方要用到 AppID）
2：安装开发工具
安装开发工具可通过
网址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
进入此网址，安装微信小程序开发工具（ps：安装时根据自己电脑选择适合的型号 64 32 iOS）
3：第一个小程序
新建项目选择小程序项目，选择代码存放的硬盘路径，填入刚刚申请到的小程序的 AppID，给你的项目起一个好听的名字，勾选 “不使用云服务” （注意: 你要选择一个空的目录才可以创建项目），点击新建，你就得到了你的第一个小程序了，点击顶部菜单编译就可以在微信开发者工具中预览你的第一个小程序。

二：开发者工具——小程序设计代码构成
1：json 后缀的 JSON 配置文件
2：wxml 后缀的 WXML 模板文件
3：wxss 后缀的 WXSS 样式文件
4：js 后缀的 JS 脚本逻辑文件
三：修改window属性
1：打开新建好的hello world小程序，点击app.json，找到window字段。
“window”: {
“backgroundTextStyle”: “light”,
“navigationBarBackgroundColor”: “#fff”,
“navigationBarTitleText”: “WeChat”,
“navigationBarTextStyle”: “black”
}
2：将navigationBarBackgroundColor的值改为“#000”，
将navigationBarTitleText的值改为“微信”，
将navigationBarTextStyle的值改为“white”。
（ps：可随意编辑引号里边的内容，示例和图片仅供参考）
（ps：手机型号不同navigationBarBackgroundColor值也不同，所以根据手机型号来选择对应合适的值）

3：修改motto值
在index.js，找到page字段，此处将motto值修改为Welcome to Shanchuan

4：修改动态获取的昵称
在/pages/index目录下，修改index.wxml文件。将{{userInfo.nickName}}改为你想要的任何名字。我将{{userInfo.nickName}}改为“TAlOiUT”。

四：如何添加tabBar
在hello world添加一个tabBar，所需代码代码如下：
“tabBar”:{
“list”:[
{
“pagePath”: “pages/index/index”,
“text”: “首页”,
“iconPath”:“images/first1.png”,
“selectedIconPath”:“images/first2.png”
},
{
“pagePath”: “pages/logs/logs”,
“text”: “日志”,
“iconPath”: “images/data1.png”,
“selectedIconPath”: “images/data2.png”
}
],
“color”:"#00ccaa",
“selectedColor”:"#000000"
}