小程序开发人员工具安装的初步经验

在官方网站上，我们可以看到所需的工具和向导非常详细。

我是一个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中