小程序引导
现在小程序越来越受到关注，越来越受客户的喜爱，成了前端程序员必学技能之一。
微信小程序和vue的写法大多数还是相似的，只不过是“-” 变成了 “:”，例如条件渲染if，小程序wx:if="{{boolean==true}}"，vue的写法v-if="{{boolean==true}}"，所以会vue的人是很快就能上手的。
一般小程序看官方文档是可以进行学会的，自己可以进行一些页面上的操作的。
官方文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/
点击工具再点击 微信开发者工具下载微信web开发者工具
微信截图_20180905101110.png
微信截图_20180905101215.png
点击左侧导航->体验小程序 可以下载演示demo
微信截图_20180905101400.png
双击下载好的微信web开发者工具
微信截图_20180905101734.png
项目目录----》可以是自己的也可以是从官网上下载的demo
AppID---->有AppID的可以输入，没有的可以点击小程序或者点击小游戏
项目名称----》就是你创建的项目名称
微信截图_20180905102039.png
建立普通快速启动模板-----》红框内的栏目会自动生成
微信截图_20180905102348.png
不点击的话就自己创建
在官网上点击框架然后点击左侧的全局配置设置app.json
微信截图_20180905103111.png
点击+号选择JSON
微信截图_20180905103430.png
从官网上复制app.json内容
微信截图_20180905103611.png
复制以后按Ctrl+S保存会自己动生成pages文件里的内容
微信截图_20180905103811.png
app.json讲解
"window": {
"navigationBarTitleText": "Demo" //小程序的标题
},
微信截图_20180905104140.png
底部栏目----》可以进行页面跳转
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
}]
},
微信截图_20180905104500.png
"networkTimeout": {
"request": 10000,//请求时间，超过这个时间就报错
"downloadFile": 10000//下载时间
},
