常用調(diào)試工具有：
Console 顯示小程序的錯(cuò)誤輸出信息和調(diào)試代碼
Sources 顯示當(dāng)前項(xiàng)目的腳本文件，此處看到的是處理之后的 腳本文件
Network 用來觀察發(fā)送的請求和調(diào)用文件的信息，包括文件名 稱、路徑、大小、調(diào)用狀態(tài)、時(shí)間等
Storage 顯示當(dāng)前項(xiàng)目使用wx.setStorage或者 wx.setStorageSync后的數(shù)據(jù)存儲情況
AppData 顯示當(dāng)前項(xiàng)目當(dāng)前時(shí)刻的具體數(shù)據(jù)，實(shí)時(shí)反饋項(xiàng)目數(shù) 據(jù)情況。
Wxml 用于幫助開發(fā)者開發(fā)Wxml轉(zhuǎn)化后的界面。在這里可以 看到真實(shí)的頁面結(jié)構(gòu)及結(jié)構(gòu)對應(yīng)的wxss屬性，也可修 改對應(yīng)屬性。

工具欄區(qū)域
編譯 :編譯當(dāng)前代碼，并自動刷新模擬器 ?預(yù)覽 ?將小程序上傳，并生成預(yù)覽二維碼
真機(jī)調(diào)試 :在真實(shí)手機(jī)上進(jìn)行調(diào)試，會生成調(diào)試二維碼
前后臺切換 :幫助開發(fā)者模擬一些客戶端的操作環(huán)境。如：在操作 小程序過程中，有電話進(jìn)來，小程序就會從前臺進(jìn)入 后臺，重新訪問時(shí)，又從后臺進(jìn)入前臺。
清緩存 :清除各類緩存，包括數(shù)據(jù)、文件、授權(quán)、網(wǎng)絡(luò)、登錄等 各方面。
上傳 :小程序開發(fā)完成后，需要上傳到騰訊服務(wù)器進(jìn)行測試， 然后可獲取測試報(bào)告，根據(jù)報(bào)告進(jìn)行修改
版本管理 :可以完成對小程序的版本管理

目錄結(jié)構(gòu)

小程序目錄結(jié)構(gòu)包含框架全局文件和框架頁面文件兩部分。

框架全局文件包含4個(gè)文件：[app.js],[app.json],[app.wxss],[project.config.json]
1.app.js：該文件用來定義全局?jǐn)?shù)據(jù)和函數(shù)的使用，還可以注冊小程序，在App（）函數(shù)中完成小品程序的注冊并可以指定微信小程序的生命周期函數(shù)（生命周期函數(shù)可以理解為微信小程序自己定義的函數(shù)）。如：onLaunch：監(jiān)聽小程序初始化，onShow：監(jiān)聽小程序顯示。onHide：監(jiān)聽小程序隱蔽。
生命周期函數(shù)具有以下五個(gè)屬性，這五個(gè)屬性都是函數(shù)類型，同時(shí)開發(fā)者還可以添加任意的函數(shù)或數(shù)據(jù)到Object參數(shù)中，用this可以使用。
1.onLaunch:監(jiān)聽小程序初始化——當(dāng)小程序初始化完成時(shí)，會觸發(fā)一次onLaunch函數(shù)，全局只觸發(fā)一次。

2.onShow：監(jiān)聽小程序顯示——當(dāng)小程序啟動，或從后臺進(jìn)入前臺顯示，會觸發(fā)onSow，只要程序啟動或者從后臺進(jìn)入都會觸發(fā)該函
					數(shù)
3.onHide：監(jiān)聽小程序隱藏——當(dāng)小程序從前臺進(jìn)入后臺，會觸發(fā)onHide.
4.onError：錯(cuò)誤監(jiān)聽函數(shù)——當(dāng)小程序發(fā)生腳本錯(cuò)誤，或者API調(diào)用失敗時(shí)，會觸發(fā)onError并附帶錯(cuò)誤信息。
5.onPageNotFound:頁面不存在監(jiān)聽函數(shù)——當(dāng)小程序出現(xiàn)要打開的頁面不存在的情況，會附帶頁面信息回調(diào)該函數(shù)。

App({
onLaunch:function() { 
	//初始化時(shí)執(zhí)行 
}, 
onShow:function() {
	 //顯示或進(jìn)入前臺時(shí)執(zhí)行 
 }, 
 alt="在這里插入圖片描述" />
 
 
如上所示：
 1.每個(gè)頁面文件夾里，都有一個(gè)頁面對應(yīng)的js文件
 2.這個(gè)文件里的Page()函數(shù)用來注冊頁面
 3.接受一個(gè)object參數(shù)，其指定頁面的初始數(shù)據(jù)、生 命周期函數(shù)、事件處理函數(shù)等頁面的所有業(yè)務(wù)邏輯 處理都放在這個(gè)文件里
 
object參數(shù)屬性大多是function類型，只有data是Object類型
 data —— 頁面的初始數(shù)據(jù)
 alt="在這里插入圖片描述" />
 
	onReady ——監(jiān)聽頁面初次渲染完成，一個(gè)頁面只調(diào)用一次，可和視 圖層進(jìn)行交互，對界面的設(shè)置如wx.setNavigationBarTitle 請?jiān)趏nReady之后設(shè)置  
	onShow —— 監(jiān)聽頁面顯示，每次打開頁面都會調(diào)用一次
	onHide ——監(jiān)聽頁面隱藏，當(dāng)調(diào)用navigateTo或底部tab切換時(shí)調(diào)用  
	onUnload ——監(jiān)聽頁面卸載，當(dāng)調(diào)用redirectTo或navigateBack的 時(shí)候調(diào)用 
	onPullDownRefresh ——監(jiān)聽用戶下拉動作 
	onReachBottom ——頁面上拉觸底事件的處理函數(shù) 
	onShareAppMessage ——用戶單擊右上角分享 
	onPageScroll ——頁面滾動觸發(fā)事件的處理函數(shù) 
	onTabItemTap ——當(dāng)前是tab頁時(shí)，點(diǎn)擊tab時(shí)觸發(fā) 其他 Any 開發(fā)者可以添加任意的函數(shù)或數(shù)據(jù)到object參數(shù)中，在頁面的函
						數(shù)中用this可以訪問
 
data為頁面初始化數(shù)據(jù)將作為頁面的第一次渲染 ，data會以json的形式由邏輯層傳到渲染層 ，其數(shù)據(jù)必須是可以轉(zhuǎn)成json的格式字符串、數(shù)字、布爾值、對象或數(shù)組，并且渲染界面可以通過WXML對數(shù)據(jù)進(jìn)行綁定
 
setData設(shè)值函數(shù)
 
Page.prototype.setData()設(shè)值函數(shù)用于將數(shù)據(jù)從邏輯層發(fā)送到視圖層，同時(shí)改變對應(yīng)的this.data的值。
 setData()參數(shù)格式: 1.接受一個(gè)對象，以key, value的形式表示將this.data中的key對應(yīng)的 值改變成value
 2.其中key非常靈活，以數(shù)據(jù)路徑的形式給出，如 array[2].message，a.b.c.d 并且不需要在this.data中預(yù)先定義
 注意：直接使用this.data修改無效，無法改變頁面狀態(tài)，還會造成數(shù)據(jù)不一致，單次設(shè)置的數(shù)據(jù)不能超過1024KB，盡量避免一次 性設(shè)置過多的數(shù)據(jù)
 //.js文件新增setData設(shè)值函數(shù)部分。
 
 wxml新增setData設(shè)值函數(shù)部分。
 
 
3.app.wxss:該文件對css樣式進(jìn)行了擴(kuò)展，并且該文件是對所有頁面定義的一個(gè)全局樣式，如果頁面重新定義的樣式與全局樣式?jīng)_突，則全
 局樣式會被覆蓋。
 4.project.config.json:小程序項(xiàng)目個(gè)性化配置文件,如界面顏色，編譯配置等，(換機(jī)器重新安裝開發(fā)工具需重新配置文件，每個(gè)項(xiàng)目根目錄下
 都會生成此文件）
 
2.框架頁面文件