创建步骤
一，准备工作
1.登录微信公众号平台完成注册
2.注册完成，点击登录（注意这一步需要扫码登录）
3.进入之后保存小程序ID
点击开发---------------开发管理-----------------开发设置
记住自己的小程序ID，很重要（唯一标识）
5.下载开发者工具
工具--------------------开发工具------------------------------开发者工具
7.安装开发者工具
到这里准备工作就完成了
二，开发者工具的使用
1.添加创建项目
点击+号
2.选择选项
AppID就是之前的保存的ID
点击创建
3.完成创建，进入
三，项目文件描述
一个小程序页面由四个文件组成，分别是：
js----------------------------------------页面逻辑
wxml-----------------------------------页面结构（html）
json------------------------------------页面配置
wxss-----------------------------------页面样式表（css）
一个小程序主体部分由三个文件组成，必须放在项目的根目录，
app.js---------------------小程序逻辑，生命周期，，全局变量
app.json-------------------小程序公共设置，导航栏颜色等，不可以注释。
app.wxss------------------全局样式
pages文件夹--------------------------------主体页面
components文件夹------------------------组件页面
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成
index.js
index.wxml
index.wxss
index.json
四，父子组件通信
简单来说，小程序的组件使用类似于vue组件使用
父传子
1，首先在根目录新建components文件夹，然后右键新建自定义组件目录，最后右键新建Component
2）在父组件中的子组件标签添加属性，给子组件传递数据
3）子组件在js中通过properties接收，可以指定接收数据类型
4）渲染子组件
3，子传父
1）在父组件的子组件标签自定义事件，传给子组件
2）在子组件中，绑定一个事件
3）子组件js文件的methods方法里用定义好的方法，通过this.triggerEvent(‘父组件自定义事件’, ‘要传递的参数’)，接受父组件方法和传递值
3）第三步执行后，父组件自定义事件绑定的函数就会执行，同时接受子组件传过来的数据
生命周期
在app.js文件中 ， 定义了一些生命周期方法 ， onLaunch，onShow，onHide，onError，以及任意开发者添加的函数或者数据（通过this可以访问）
onLaunch 生命周期函数–监听小程序初始化 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
onShow 生命周期函数–监听小程序显示 当小程序启动，或从后台进入前台显示，会触发 onShow
onHide 生命周期函数–监听小程序隐藏 当小程序从前台进入后台，会触发 onHide
onError 错误监听函数 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
App({
onLaunch: function (options) {
console.log(“app.js —onLaunch—” + JSON.stringify(options));
},
onShow:function(){
console.log(“app.js —onShow—”);
},
onHide:function(){
console.log(“app.js —onHide—”);
},
onError: function (msg){
console.log(“app.js —onError—” + msg);
},
globalData: {
userInfo: null
}
})
在page页面中定义的生命周期方法
onLoad 生命周期函数–监听页面加载
onReady 生命周期函数–监听页面初次渲染完成
onShow 生命周期函数–监听页面显示
onHide 生命周期函数–监听页面隐藏
onUnload 生命周期函数–监听页面卸载
Page({
onLoad: function (options) {
console.log(“page —onLoad—”);
},
onReady: function () {
console.log(“page —onReady—”);
},
onShow: function () {
console.log(“page —onShow—”);
},
onHide: function () {
console.log(“page —onHide—”);
},
onUnload: function () {
console.log(“page —onUnload—”);
}
})