編輯功能

微信開發者工具的(de)界面可以(yǐ)用于(yú)代碼編寫、代碼調試、項目預覽與上(shàng)傳、編譯、前後台切換、緩存數據清理以(yǐ)及關閉項目。如圖所示：

在(zài)項目文件中，可以(yǐ)在(zài)文件中點擊鼠标右鍵可以(yǐ)新建4種文件：.js、.json、.wxml 和(hé / huò) .wxss 文件。可以(yǐ)對文件進行重命名、删除和(hé / huò)查找操作。在(zài)代碼編寫的(de)過程中js會自動補全功能,并提供實時(shí)預覽的(de)功能。

調試功能

調試工具有Console、Sources、NetWork、Storage、AppData、Wxml。

【1】Console 用于(yú)顯示微信小程序的(de)輸出(chū)出(chū)錯信息和(hé / huò)代碼錯誤信息.如下圖所示：

【2】Sources 用于(yú)顯示當前項目的(de)腳本文件，同時(shí)可以(yǐ)看到(dào)文件經過處理後的(de)腳本文件。如下圖所示：

【3】NetWork 用于(yú)觀察發送的(de)請求和(hé / huò)調試的(de)文件信息。如下圖所示：

【4】Storage 用于(yú)顯示當前項目使用 wx.setStorage 或 wx.setStorageSync 後地(dì / de)數據存儲情況。如下圖所示：

【5】AppData 用于(yú)顯示當前項目、當前時(shí)刻具體數據，實時(shí)反饋項目數據情況。用戶可以(yǐ)在(zài)此編輯數據，編輯數據後會及時(shí)地(dì / de)反饋到(dào)界面上(shàng)。如下圖所示：

【6】Wxml 用于(yú)幫助開發者開發wxml轉換後地(dì / de)界面。同時(shí)，這(zhè)裏可以(yǐ)實時(shí)的(de)看到(dào)真實的(de)頁面結構以(yǐ)及結構對應的(de)wxss屬性，同時(shí)可以(yǐ)修改對應wxss屬性。如下圖所示：

編譯功能

對項目進行重新編譯。如下圖所示：

前後台功能

後台是(shì)指微信小程序從前台進入後台。例如：操作微信小程序中，突然打進電話。如果接了(le／liǎo)電話，這(zhè)個(gè)時(shí)候小程序從前台進入後台;重新訪問小程序，又會從後台進前台。如下圖所示:

緩存功能

用于(yú)清除數據存儲、清除文件存儲以(yǐ)及清除用戶授權數據。如下圖所示：

詳情功能

在(zài)詳情功能中可以(yǐ)看到(dào)基本信息、本地(dì / de)設置、項目配置信息。

基本信息

包括了(le／liǎo)項目名稱、AppID、項目文件的(de)路徑，如果有AppID的(de)項目，可以(yǐ)在(zài)微信上(shàng)預覽微信小程序。如下圖所示：

本地(dì / de)設置

針對代碼編寫執行中，所需要(yào / yāo)的(de)環境。如下圖所示：

項目配置

可以(yǐ)在(zài)項目配置中查詢到(dào)域名信息以(yǐ)及高級配置信息。如下圖所示：

未完，待續...