常用调试工具有：
Console 显示小程序的错误输出信息和调试代码
Sources 显示当前项目的脚本文件，此处看到的是处理之后的 脚本文件
Network 用来观察发送的请求和调用文件的信息，包括文件名 称、路径、大小、调用状态、时间等
Storage 显示当前项目使用wx.setStorage或者 wx.setStorageSync后的数据存储情况
AppData 显示当前项目当前时刻的具体数据，实时反馈项目数 据情况。
Wxml 用于帮助开发者开发Wxml转化后的界面。在这里可以 看到真实的页面结构及结构对应的wxss属性，也可修 改对应属性。

工具栏区域
编译 :编译当前代码，并自动刷新模拟器 ?预览 ?将小程序上传，并生成预览二维码
真机调试 :在真实手机上进行调试，会生成调试二维码
前后台切换 :帮助开发者模拟一些客户端的操作环境。如：在操作 小程序过程中，有电话进来，小程序就会从前台进入 后台，重新访问时，又从后台进入前台。
清缓存 :清除各类缓存，包括数据、文件、授权、网络、登录等 各方面。
上传 :小程序开发完成后，需要上传到腾讯服务器进行测试， 然后可获取测试报告，根据报告进行修改
版本管理 :可以完成对小程序的版本管理

目录结构

小程序目录结构包含框架全局文件和框架页面文件两部分。

框架全局文件包含4个文件：[app.js],[app.json],[app.wxss],[project.config.json]
1.app.js：该文件用来定义全局数据和函数的使用，还可以注册小程序，在App（）函数中完成小品程序的注册并可以指定微信小程序的生命周期函数（生命周期函数可以理解为微信小程序自己定义的函数）。如：onLaunch：监听小程序初始化，onShow：监听小程序显示。onHide：监听小程序隐蔽。
生命周期函数具有以下五个属性，这五个属性都是函数类型，同时开发者还可以添加任意的函数或数据到Object参数中，用this可以使用。
1.onLaunch:监听小程序初始化——当小程序初始化完成时，会触发一次onLaunch函数，全局只触发一次。

2.onShow：监听小程序显示——当小程序启动，或从后台进入前台显示，会触发onSow，只要程序启动或者从后台进入都会触发该函
					数
3.onHide：监听小程序隐藏——当小程序从前台进入后台，会触发onHide.
4.onError：错误监听函数——当小程序发生脚本错误，或者API调用失败时，会触发onError并附带错误信息。
5.onPageNotFound:页面不存在监听函数——当小程序出现要打开的页面不存在的情况，会附带页面信息回调该函数。

App({
onLaunch:function() { 
	//初始化时执行 
}, 
onShow:function() {
	 //显示或进入前台时执行 
 }, 
 alt="在这里插入图片描述" />
 
 
如上所示：
 1.每个页面文件夹里，都有一个页面对应的js文件
 2.这个文件里的Page()函数用来注册页面
 3.接受一个object参数，其指定页面的初始数据、生 命周期函数、事件处理函数等页面的所有业务逻辑 处理都放在这个文件里
 
object参数属性大多是function类型，只有data是Object类型
 data —— 页面的初始数据
 alt="在这里插入图片描述" />
 
	onReady ——监听页面初次渲染完成，一个页面只调用一次，可和视 图层进行交互，对界面的设置如wx.setNavigationBarTitle 请在onReady之后设置  
	onShow —— 监听页面显示，每次打开页面都会调用一次
	onHide ——监听页面隐藏，当调用navigateTo或底部tab切换时调用  
	onUnload ——监听页面卸载，当调用redirectTo或navigateBack的 时候调用 
	onPullDownRefresh ——监听用户下拉动作 
	onReachBottom ——页面上拉触底事件的处理函数 
	onShareAppMessage ——用户单击右上角分享 
	onPageScroll ——页面滚动触发事件的处理函数 
	onTabItemTap ——当前是tab页时，点击tab时触发 其他 Any 开发者可以添加任意的函数或数据到object参数中，在页面的函
						数中用this可以访问
 
data为页面初始化数据将作为页面的第一次渲染 ，data会以json的形式由逻辑层传到渲染层 ，其数据必须是可以转成json的格式字符串、数字、布尔值、对象或数组，并且渲染界面可以通过WXML对数据进行绑定
 
setData设值函数
 
Page.prototype.setData()设值函数用于将数据从逻辑层发送到视图层，同时改变对应的this.data的值。
 setData()参数格式: 1.接受一个对象，以key, value的形式表示将this.data中的key对应的 值改变成value
 2.其中key非常灵活，以数据路径的形式给出，如 array[2].message，a.b.c.d 并且不需要在this.data中预先定义
 注意：直接使用this.data修改无效，无法改变页面状态，还会造成数据不一致，单次设置的数据不能超过1024KB，尽量避免一次 性设置过多的数据
 //.js文件新增setData设值函数部分。
 
 wxml新增setData设值函数部分。
 
 
3.app.wxss:该文件对css样式进行了扩展，并且该文件是对所有页面定义的一个全局样式，如果页面重新定义的样式与全局样式冲突，则全
 局样式会被覆盖。
 4.project.config.json:小程序项目个性化配置文件,如界面颜色，编译配置等，(换机器重新安装开发工具需重新配置文件，每个项目根目录下
 都会生成此文件）
 
2.框架页面文件