微信開發(fā)者工作是微信官方提供的針對微信小程序的開發(fā)工具莫杈，集中了開發(fā)，調(diào)試挎挖，預(yù)覽这敬，上傳等功能。微信團(tuán)隊發(fā)布了微信小程序開發(fā)者工具蕉朵、微信小程序開發(fā)文檔和微信小程序設(shè)計指南崔涂，全新的開發(fā)者工具，集成了開發(fā)調(diào)試始衅、代碼編輯及程序發(fā)布等功能冷蚂，幫助開發(fā)者簡單和高效地開發(fā)微信小程序。
啟動工具時觅闽，開發(fā)者需要使用已在后臺綁定成功的微信號掃描二維碼登錄帝雇，后續(xù)所有的操作都會基于這個微信的帳號
程序調(diào)試主要有三大功能區(qū)：模擬器、調(diào)試工具和小程序操作區(qū)
模擬器
模擬器模擬微信小程序在客戶端真實的邏輯表現(xiàn)蛉拙，對于絕大部分的?API?均能夠在模擬器上呈現(xiàn)出正確的狀態(tài)尸闸。
調(diào)試工具
調(diào)試工具分為?6?大功能模塊：Wxml、Console、Sources吮廉、Network苞尝、Appdata、Storage以及WxmlPannel
Wxml Pannel?用于幫助開發(fā)者開發(fā)?Wxml?轉(zhuǎn)化后的界面宦芦。在這里可以看到真實的頁面結(jié)構(gòu)以及結(jié)構(gòu)對應(yīng)的?wxss?屬性宙址，同時可以通過修改對應(yīng)?wxss?屬性，在模擬器中實時看到修改的情況调卑。通過調(diào)試模塊左上角的選擇器抡砂，還可以快速找到頁面中組件對應(yīng)的?wxml?代碼。
Sources Pannel?用于顯示當(dāng)前項目的腳本文件恬涧，同瀏覽器開發(fā)不同注益，微信小程序框架會對腳本文件進(jìn)行編譯的工作，所以在?Sources Pannel?中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件溯捆，開發(fā)者的代碼都會被包裹在?define?函數(shù)中丑搔，并且對于?Page?代碼，在尾部會有?require?的主動調(diào)用提揍。Netwrok Pannle?用于觀察和顯示?request?和?socket?的請求情況啤月。Appdata Pannel?用于顯示當(dāng)前項目當(dāng)前時刻?appdata?具體數(shù)據(jù)，實時地反饋項目數(shù)據(jù)情況劳跃，可以在此處編輯數(shù)據(jù)谎仲，并及時地反饋到界面上。Storage Pannel?用于顯示當(dāng)前項目的使用?wx.setStorage?或者?wx.setStorageSync?后的數(shù)據(jù)存儲情況售碳。Console Pannel?有兩大功能：開發(fā)者可以在此輸入和調(diào)試代碼以及微信小程序的錯誤輸出强重。
小程序操作區(qū)
微信小程序操作區(qū)幫助開發(fā)者模擬一些客戶端的環(huán)境操作绞呈。例如當(dāng)用戶從微信小程序中回到聊天窗口贸人，會觸發(fā)一個微信小程序被設(shè)置為后臺的api。
點(diǎn)擊預(yù)覽功能佃声，工具會自動編譯和構(gòu)建代碼艺智，并生成代碼包上傳到微信服務(wù)器，成功后將會顯示一個二維碼圾亏，開發(fā)者用新版微信掃描二維碼即可在手機(jī)上看到相應(yīng)項目的真實表現(xiàn)十拣。
推薦閱讀? ? ?微信小程序? ? ? ?微信小程序開發(fā)教程
