/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
/中文/
微信開發者工具是一個桌麵應用,通過模擬微信客戶端的表現,使得開發者可以使用這個工具方便地在 PC 或者 Mac 上進行開發和調試工作。
為了幫助開發者簡單和高效地開發和調試微信小程序,我們在原有的公眾號網頁調試工具的基礎上,推出了全新的 微信開發者工具,集成了公眾號網頁調試和小程序調試兩種開發模式。
使用公眾號網頁調試,開發者可以調試微信網頁授權和微信JS-SDK
使用小程序調試,開發者可以完成小程序的 API 和頁麵的開發調試、代碼查看和編輯、小程序預覽和發布等功能。
菜單欄
微信web開發者工具
切換帳號:快速切換登錄用戶
關於:關於開發者工具
檢查更新:檢查版本更新
開發者論壇:前往開發者論壇
開發者文檔:前往開發者文檔
調試:調試開發者工具、調試編輯器;如果遇到疑似開發者工具或者編輯器的 bug,可以打開調試工具查看是否有出錯日誌,歡迎在論壇上反饋相關問題
更換開發模式:快速切換公眾號網頁調試和小程序調試
退出:退出開發者工具
項目
新建項目:快速新建項目
打開最近:可以查看最近打開的項目列表,並選擇是否進入對應項目
查看所有項目:新窗口打開啟動頁的項目列表頁
關閉當前項目:關閉當前項目,回到啟動頁的項目列表頁
文件
新建文件
保存
保存所有
關閉文件
編輯:可以查看編輯相關的操作和快捷鍵
工具
編譯:編譯當前小程序項目
刷新:與編譯的功能一致,由於曆史原因保留對應的快捷鍵 ctrl(?) + R
編譯配置:可以選擇普通編譯或自定義編譯條件
前後台切換:模擬客戶端小程序進入後台運行和返回前台的操作
清除緩存:清除文件緩存、數據緩存、以及授權數據
界麵:控製主界麵窗口模塊的顯示與隱藏
設置:
外觀設置:控製編輯器的配色主題、字體、字號、行距
編輯設置:控製文件保存的行為,編輯器的表現
代理設置:選擇直連網絡、係統代理和手動設置代理
通知設置:設置是否接受某種類型的通知
工具欄
點擊用戶頭像可以打開個人中心,在這裏可以便捷的切換用戶和查看開發者工具收到的消息。
用戶頭像右側是控製主界麵模塊顯示/隱藏的按鈕。至少需要有一個模塊顯示。
工具欄中間,可以選擇普通編譯,也可以新建並選擇自定義條件進行編譯和預覽。
通過切後台按鈕,可以模擬小程序進入後台的情況
工具欄上提供了清緩存的快速入口。可以便捷的清除工具上的文件緩存、數據緩存、還有後台的授權數據,方便開發者調試。
工具欄右側是開發輔助功能的區域,在這裏可以上傳代碼、版本管理、查看項目詳情
工具欄管理
在工具欄上點擊鼠標右鍵,可以打開工具欄管理
模擬器
模擬器可以模擬小程序在微信客戶端的表現。小程序的代碼通過編譯後可以在模擬器上直接運行。
開發者可以選擇不同的設備,也可以添加自定義設備來調試小程序在不同尺寸機型上的適配問題。
在模擬器底部的狀態欄,可以直觀地看到當前運行小程序的場景值,頁麵路徑及頁麵參數
獨立窗口
點擊 模擬器/調試器 右上角的按鈕可以使用獨立窗口顯示 模擬器/調試器
一、下載安裝微信開發者工具並打開軟件。
二、打開軟件後使用微信掃描登錄。
三、按照自己的需求可以在小程序、小遊戲點擊新建或者導入項目製作新的程序。
四、選擇公眾號網頁功能可以對公眾號進行WEB進行功能調試。
修複 32 位係統無法編譯小程序、提示重啟耗時過久的問題
修複 某些第三方工具不對中文進行轉譯導致項目打開失敗的問題
修複 ts 項目編譯前命令無限執行的問題