一 小程序开发工具:
- 微信官方开发工具。下载链接:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
- Visual Studio 。下载地址:https://visualstudio.microsoft.com/zh-hans
二 开发工具介绍下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
教程地址:微信官方开发者工具详细教
程:https://developers.weixin.qq.com/miniprogram/dev/devtools/page.html#%E5%90%AF%E5%8A%A8%E9%
三 配置
微信小程序官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/config.html#%E5%85%A8%E5%B1%80%E9%85%8D%E7%BD%AE
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。
1 pages :页面配置
2.windows:
“backgroundColor”: “pink”, 设置背景颜色
“backgroundTextStyle”: “light”,
“navigationBarBackgroundColor”: “#ccc”, 设置导航条背景颜色
“navigationBarTitleText”: “xxxx”, 设置导航条内容
“navigationBarTextStyle”: “black”, 设置导航条文本颜色
“enablePullDownRefresh”:true 设置下拉刷新
3.tabBar
“tabBar”:{
“color”:"#8a8a8a", 设置tab的颜色
“selectedColor”:"#1AAD16", 设置选中的颜色
“list”:[
{
“pagePath”:“pages/index/index”,
“text”:“首页”,
设置图标
“iconPath”:“images/tabbar/tabbar5.png”, 配置未选中的图标路径
“selectedIconPath”:“images/tabbar/tabbar1.png” 配置已选中的图标路径
},
{
“pagePath”:“pages/categoryGoods/categoryGoods”,
“text”:“分类”,
“iconPath”:“images/tabbar/tabbar2.png”,
“selectedIconPath”:“images/tabbar/tabbar6.png”
}
]
}
4.debug
“debug”:true 开启debug模式。