1）打开开发者工具
2）填入对应的项目信息
3）创建完成
注册微信小程序的应用
通过调用App方法传入一个Object类型的参数（主要是一些事件处理 生命周期的钩子函数）
注册小程序的页面
开发者工具的配置文件
通过调用App方法传入一个Object类型的参数（主要是一些事件处理 生命周期的钩子函数）
页面的配置
页面的元素
页面的样式
在app.json中注册一个HelloWorld的页面
app.json:
{"pages": [
"pages/HelloWorld/HelloWorld"
]
}
每个页面都会有四个文件 分别是 .js、.json、 .wxml、 .wxss
1）HelloWorld.js
// HelloWorld.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
2）HelloWorld.json
{}
3）HelloWorld.wxml
<view>HelloWorld</view>
4）HelloWorld.wxss
view{
margin-top: 100px;
text-align: center;
}
原文：https://www.cnblogs.com/NiuBiHH/p/10392450.html