微信開發(fā)者工具

微信開發(fā)者工具是微信公眾號(hào)官方推出的一款專門給用戶制作微信小程序和給公眾號(hào)添加新的功能的軟件，對(duì)于懂得編程的用戶來(lái)說(shuō)，這是款非常好用的工具，用戶可以用微信開發(fā)者工具實(shí)現(xiàn)對(duì)公眾號(hào)的接口功能，也可以用微信開發(fā)者工具制作游戲、小程序，有需要的可以下載使用。

微信開發(fā)者工具基本簡(jiǎn)介

為了幫助開發(fā)者簡(jiǎn)單和高效地開發(fā)和調(diào)試微信小程序，我們?cè)谠械墓娞?hào)網(wǎng)頁(yè)調(diào)試工具的基礎(chǔ)上，推出了全新的 微信開發(fā)者工具，集成了公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試兩種開發(fā)模式。

使用公眾號(hào)網(wǎng)頁(yè)調(diào)試，開發(fā)者可以調(diào)試微信網(wǎng)頁(yè)授權(quán)和微信JS-SDK

使用小程序調(diào)試，開發(fā)者可以完成小程序的 API 和頁(yè)面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能。

微信開發(fā)者工具功能介紹

菜單欄

微信web開發(fā)者工具

切換帳號(hào)：快速切換登錄用戶

關(guān)于：關(guān)于開發(fā)者工具

檢查更新：檢查版本更新

開發(fā)者論壇：前往開發(fā)者論壇

開發(fā)者文檔：前往開發(fā)者文檔

調(diào)試：調(diào)試開發(fā)者工具、調(diào)試編輯器；如果遇到疑似開發(fā)者工具或者編輯器的 bug，可以打開調(diào)試工具查看是否有出錯(cuò)日志，歡迎在論壇上反饋相關(guān)問(wèn)題

更換開發(fā)模式：快速切換公眾號(hào)網(wǎng)頁(yè)調(diào)試和小程序調(diào)試

退出：退出開發(fā)者工具

項(xiàng)目

新建項(xiàng)目：快速新建項(xiàng)目

打開最近：可以查看最近打開的項(xiàng)目列表，并選擇是否進(jìn)入對(duì)應(yīng)項(xiàng)目

查看所有項(xiàng)目：新窗口打開啟動(dòng)頁(yè)的項(xiàng)目列表頁(yè)

關(guān)閉當(dāng)前項(xiàng)目：關(guān)閉當(dāng)前項(xiàng)目，回到啟動(dòng)頁(yè)的項(xiàng)目列表頁(yè)

文件

新建文件

保存

保存所有

關(guān)閉文件

編輯：可以查看編輯相關(guān)的操作和快捷鍵

工具

編譯：編譯當(dāng)前小程序項(xiàng)目

刷新：與編譯的功能一致，由于歷史原因保留對(duì)應(yīng)的快捷鍵 ctrl(?) + R

編譯配置：可以選擇普通編譯或自定義編譯條件

前后臺(tái)切換：模擬客戶端小程序進(jìn)入后臺(tái)運(yùn)行和返回前臺(tái)的操作

清除緩存：清除文件緩存、數(shù)據(jù)緩存、以及授權(quán)數(shù)據(jù)

界面：控制主界面窗口模塊的顯示與隱藏

設(shè)置：

外觀設(shè)置：控制編輯器的配色主題、字體、字號(hào)、行距

編輯設(shè)置：控制文件保存的行為，編輯器的表現(xiàn)

通知設(shè)置：設(shè)置是否接受某種類型的通知

工具欄

點(diǎn)擊用戶頭像可以打開個(gè)人中心，在這里可以便捷的切換用戶和查看開發(fā)者工具收到的消息。

用戶頭像右側(cè)是控制主界面模塊顯示/隱藏的按鈕。至少需要有一個(gè)模塊顯示。

工具欄中間，可以選擇普通編譯，也可以新建并選擇自定義條件進(jìn)行編譯和預(yù)覽。

通過(guò)切后臺(tái)按鈕，可以模擬小程序進(jìn)入后臺(tái)的情況

工具欄上提供了清緩存的快速入口?？梢员憬莸那宄ぞ呱系奈募彺?、數(shù)據(jù)緩存、還有后臺(tái)的授權(quán)數(shù)據(jù)，方便開發(fā)者調(diào)試。

工具欄右側(cè)是開發(fā)輔助功能的區(qū)域，在這里可以上傳代碼、版本管理、查看項(xiàng)目詳情

工具欄管理

在工具欄上點(diǎn)擊鼠標(biāo)右鍵，可以打開工具欄管理

模擬器

模擬器可以模擬小程序在微信客戶端的表現(xiàn)。小程序的代碼通過(guò)編譯后可以在模擬器上直接運(yùn)行。

開發(fā)者可以選擇不同的設(shè)備，也可以添加自定義設(shè)備來(lái)調(diào)試小程序在不同尺寸機(jī)型上的適配問(wèn)題。

在模擬器底部的狀態(tài)欄，可以直觀地看到當(dāng)前運(yùn)行小程序的場(chǎng)景值，頁(yè)面路徑及頁(yè)面參數(shù)

獨(dú)立窗口

點(diǎn)擊 模擬器/調(diào)試器 右上角的按鈕可以使用獨(dú)立窗口顯示 模擬器/調(diào)試器

微信開發(fā)者工具使用方法

一、下載安裝微信開發(fā)者工具并打開軟件。

二、打開軟件后使用微信掃描登錄。

三、按照自己的需求可以在小程序、小游戲點(diǎn)擊新建或者導(dǎo)入項(xiàng)目制作新的程序。

四、選擇公眾號(hào)網(wǎng)頁(yè)功能可以對(duì)公眾號(hào)進(jìn)行WEB進(jìn)行功能調(diào)試。

更新日志

2020.11.26 更新說(shuō)明

A 新增 支持設(shè)置插件頁(yè)面為自定義編譯條件的啟動(dòng)頁(yè)面

A 新增 第三方平臺(tái)小程序支持使用企業(yè)微信模擬器進(jìn)行調(diào)試

A 新增 保留上次預(yù)覽的二維碼

A 新增 云開發(fā)控制臺(tái)文件存儲(chǔ)配置

A 新增 修改 appid 時(shí)支持下拉選取最近使用的appid

A 新增 體驗(yàn)評(píng)分支持導(dǎo)出報(bào)告

A 新增 支持切后臺(tái)后可以獲取用戶位置

A 新增 云開發(fā)靜態(tài)網(wǎng)站托管支持自定義域名

A 新增 靜態(tài)網(wǎng)站和云存儲(chǔ)支持上傳文件夾

A 新增 云開發(fā)支持云托管

A 新增 預(yù)覽時(shí)報(bào)錯(cuò)通過(guò)彈框提供錯(cuò)誤信息 反饋詳情

U 優(yōu)化 云開發(fā)拓展功能入口優(yōu)化

U 優(yōu)化 新建項(xiàng)目流程

U 優(yōu)化 安裝包體積

F 修復(fù) 調(diào)試器在模擬器右側(cè)時(shí)，選擇機(jī)型會(huì)導(dǎo)致調(diào)試器錯(cuò)位

F 修復(fù) 公眾號(hào)網(wǎng)頁(yè)調(diào)試模式下調(diào)試器白屏

F 修復(fù) 項(xiàng)目列表頁(yè)，刪除項(xiàng)目時(shí)的彈框無(wú)法縱向滾動(dòng)

F 修復(fù) 工具導(dǎo)入代碼片段會(huì)直接新建一個(gè)新的代碼片段

F 修復(fù) WXML面板節(jié)點(diǎn)元素?zé)o法選中

F 修復(fù) 新的編譯模塊在win7系統(tǒng)預(yù)覽報(bào)錯(cuò)的問(wèn)題 反饋詳情

F 修復(fù) udp onClose與客戶端表現(xiàn)不一致

F 修復(fù) 打開工具全屏的問(wèn)題

F 修復(fù) 多賬號(hào)調(diào)試，編譯一直使用緩存

F 修復(fù) 2.13.0以上基礎(chǔ)庫(kù)，無(wú)法觸發(fā) onPageNotFound 反饋詳情

F 修復(fù) 非系統(tǒng)菜單欄 Mac 下左上角的放大無(wú)法按住option最大化 反饋詳情

F 修復(fù) 關(guān)閉所有項(xiàng)目窗口后，不能從菜單里打開項(xiàng)目選擇界面 反饋詳情

F 修復(fù) 重復(fù)CSS樣式?jīng)]有warning提示

F 修復(fù) cli使用 --appid參數(shù)時(shí)錯(cuò)誤

F 修復(fù) downloadFile接口三端表現(xiàn)不一致

F 修復(fù) openSetting中有三個(gè)權(quán)限一直關(guān)不掉 反饋詳情

F 修復(fù) 工具上臨時(shí)文件能被unlink刪除的問(wèn)題 反饋詳情

F 修復(fù) MacOS Big Sur 頻繁崩潰的問(wèn)題

F 修復(fù) 調(diào)試器跟隨模擬器一起彈出時(shí)編輯器部分區(qū)域無(wú)法觸發(fā)點(diǎn)擊的問(wèn)題

F 修復(fù) 刪除項(xiàng)目后，重啟工具，已刪除的項(xiàng)目又重新出現(xiàn)的問(wèn)題