一、注册：
微信小程序账号注册：登录https://mp.weixin.qq.com 点击“立即注册”->”小程序”
注册完成后，下载微信小程序开发者工具：
依次点击：“首页”->“文档”->“工具”，页面中第一行有“微信开发者工具”，点击安装
点击安装
配置：打开微信开发者工具，点击左上角“设置”->”外观设置”，可以设置软件外观
比如，我把颜色设置为深色
二、Pages：
新建pages:
一键创建：在app.json中的“pages”中加上“pages/文件夹名称/文件名称”。
删除文件：在文件名上右击，然后点击“硬盘打开”，就可以在根目录删除该文件。
编写和访问页面：在about.wxml中写”i am gaocailei”，在app.json中把pages移到第一行，保存，点击模拟器页面出现
三、Windows：
“首页”->“文档”->“框架”->“（左侧）小程序配置”->“全局配置”->“Windows”。
我增加了下拉刷新功能;
"backgroundTextStyle": "dark",
"enablePullDownRefresh":true
四、tabBar(底部菜单)：
在配置示例找到tabBar的代码：
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页"
},
{
"pagePath": "pages/logs/logs",
"text": "日志"
}
]
},
可以选择性的自行配置，比如我要为首页和日志添加图片，我就可以选择“iconPath
（图片路径）”，“selectedIconPath（选中时的图片路径）”，修改后代码如下：
"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath":"/images/selected.png",
"selectedIconPath":"/images/image.png"
},
{
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath": "/images/rizhi_s.png",
"selectedIconPath": "/images/rizhi.png"
}
]
},
样式如下：
附：阿里巴巴矢量图下载网址：https://www.iconfont.cn/
最后，我又在“pages”里添加“cate”在“tabBar”添加分类的图片,
代码：
"pages": [
"pages/cate/cate",
]
"tabBar":
{
"pagePath": "pages/cate/cate",
"text": "分类",
"iconPath": "/images/cate_s.png",
"selectedIconPath": "/images/cate.png"
},
效果如图：
五、网络超时：
在app.json添加代码：
"networkTimeout":{
"request": 10000,
"connectSocket":10000 ,
"uploadFile":20000,
"downloadFile":20000
},
（续）
原文地址：https://www.cnblogs.com/maleijiejie/p/11216514.html