微信小程序開發(fā)者工具最新版

微信小程序開發(fā)者工具最新版是一款專為微信小程序開發(fā)者們提供的編程軟件，這款軟件讓開發(fā)者更容易上手微信小程序的開發(fā)工作，不過它只是個工具，而不是一個IDE。官方工具中的代碼編輯功能，就是將vscode的代碼編輯功能嵌入到工具中，不足以支撐開發(fā)。

軟件評價：

優(yōu)點(diǎn)

因為是官方工具所以有這其它第三方工具有這不可比擬的天然優(yōu)勢，如果不是他代碼編輯功能太弱的話。

官方工具，可調(diào)試，可預(yù)覽

基本的代碼編輯、智能提示、調(diào)試等功能都有

項目管理、創(chuàng)建、手機(jī)預(yù)覽、代碼提交審核

官方維護(hù)更新

缺點(diǎn)

api提示不全，要一個個查api，影響寫代碼的速度

很多必備的快捷鍵都沒有，比如全選關(guān)鍵字、快速復(fù)制一行等等

沒有插件

功能介紹：

工具目前提供了4種文件的編輯：wxml wxss js json

為了幫助開發(fā)者簡單和高效地開發(fā)微信小程序，我們推出了全新的開發(fā)者工具，集成了開發(fā)調(diào)試、代碼編輯及程序發(fā)布等功能。

掃碼登錄

啟動工具時，開發(fā)者需要使用已在后臺綁定成功的微信號掃描二維碼登錄，后續(xù)所有的操作都會基于這個微信帳號

調(diào)試工具

調(diào)試工具分為 6 大功能模塊：Wxml、Console、Sources、Network、Appdata、Storage以及

Wxml Pannel

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

Sources Pannel 用于顯示當(dāng)前項目的腳本文件，同瀏覽器開發(fā)不同，微信小程序框架會對腳本文件進(jìn)行編譯的工作，所以在 Sources Pannel 中開發(fā)者看到的文件是經(jīng)過處理之后的腳本文件，開發(fā)者的代碼都會被包裹在 define 函數(shù)中，并且對于 Page 代碼，在尾部會有 require 的主動調(diào)用。

Network Pannel

Netwrok Pannle 用于觀察和顯示 request 和 socket 的請求情況

Appdata Pannel

Appdata Pannel 用于顯示當(dāng)前項目當(dāng)前時刻 appdata 具體數(shù)據(jù)，實時地反饋項目數(shù)據(jù)情況，可以在此處編輯數(shù)據(jù)，并及時地反饋到界面上。

Storage Pannel

Storage Pannel 用于顯示當(dāng)前項目的使用 wx.setStorage 或者 wx.setStorageSync 后的數(shù)據(jù)存儲情況。

Console Pannel

Console Pannel 有兩大功能：

開發(fā)者可以在此輸入和調(diào)試代碼

小程序操作區(qū)

小程序操作區(qū)幫助開發(fā)者模擬一些客戶端的環(huán)境操作。例如當(dāng)用戶從小程序中回到聊天窗口，會觸發(fā)一個小程序被設(shè)置為后臺的api。

當(dāng)小程序使用到多窗口的時候，可以在頂部操作區(qū)進(jìn)行頁面切換，需要注意的是這個操作只是為了方便開發(fā)者才存在的，在真實的微信客戶端中是不會有的。

使用教程：