小程序开发人员工具安装的初步经验
小程序开发
浏览：770 次
在官方网站上，我们可以看到所需的工具和向导非常详细。
我是一个windows操作系统。安装后，我登录微信，创建一个本地小程序，然后按如下方式打开：
微信开发者工具视图
文件结构如下：
文件结构
接下来，我们将逐一解释：
实用程序
这种配置是关于整体情况的。
外卖app.js：
//app.js
app({
//程序初始化时执行OnLauch的内容
onLaunch:函数（）{
//调用API从本地缓存获取数据
var logs=wx。getStorageSync（“日志”）||[]
logs.unshift（日期.now（））
wx。setStorageSync（“日志”，日志）
},
//全球方法
getUserInfo:函数（cb）{
var th=这个
if（this.globalData.userInfo）{
typeofcb==“函数”&；cb（this.globalData.userInfo）
}其他{
//调用登录界面
wx.登录({
成功：函数（）{
wx.获取用户信息({
成功：函数（res）{
那就是全球数据。userInfo=资源用户信息
typeofcb==“函数”&；cb（即globalData.userInfo）
}
})
}
})
}
},
//全局属性
全局数据：{
用户信息：空
}
})
程序初始化后，执行OnLauch的内容和全局方法getUserInfo。这将在后面详细描述。
学习过H5的学生应该知道，不同页面之间的数据传输相当麻烦，但有了这种配置，在全球范围内传输数据非常方便。
接下来是app.json：
{
“页面”：[
“页面/索引/索引”，
“页面/日志/日志”
],
“窗口”：{
“backgroundTextStyle”：“浅”，
“navigationBarBackgroundColor”：“#000”，
“NavigationBarTitleText”：“微信”，
“navigationBarTextStyle”：“白色”
}
}
您可以在json中单击app，您可以配置小程序由哪些页面组成以及小程序的窗口。例如，我们可以更改“navigationBarBackgroundColor”：“#000”背景将变为白色，如果为“#fff”，则为黑色。
/**app.wxss**/
.容器{
高度：100%；
显示器：柔性；
弯曲方向：柱；
对齐项目：居中；
对齐内容：间距；
填充：200rpx 0；
框大小：边框框；
}
它用于调整页面属性。
指数
在index.is中
