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

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

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

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

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

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

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