微信開發(fā)者工具穩(wěn)定版

本次小編給大家?guī)淼氖?strong>微信開發(fā)者工具穩(wěn)定版，此版本是比較穩(wěn)定的一個版本，是由測試版缺陷收斂后轉為穩(wěn)定版，想對于正常版本來說，此版本在原來的基礎上解決了部分windows機器打開時工具黑屏，設置改變后，再次啟動時沒有生效的問題。同時新增支持從擴展面板導入解包的文件夾安裝擴展，新增小游戲支持實驗室數據接口，新增支持工具配置自定義主題色，新增真機性能分析工具，新增小程序壓測工具，增支持編輯JSON文件時點按跳轉和補 WXML文件路徑等多種功能，還有非常多的功能還得用戶自己去發(fā)現。

微信開發(fā)者工具穩(wěn)定版是一款由微信官方推出的編程開發(fā)工具，同時也是一種全新的連接用戶與服務的方式，它可以在微信內被便捷地獲取和傳播，同時具有出色的使用體驗。軟件界面干凈清爽，非常簡潔，同時功能性十足，提供了一個簡單、高效的應用開發(fā)框架和豐富的組件及API，幫助開發(fā)者在微信中開發(fā)具有原生APP體驗的服務。同時軟件集成了公眾號網頁調試和小程序調試兩種開發(fā)模式。通過微信開發(fā)者工具穩(wěn)定版這款軟件用戶可以完成小程序的API和頁面的開發(fā)調試、代碼查看和編輯、小程序預覽和發(fā)布等功能，如果不會使用的話，軟件中還包含了非常多的文字圖片教學和視頻教學，幫助開發(fā)者快速全面的了解小程序開發(fā)的方方面面。

微信開發(fā)者工具穩(wěn)定版官方版特色

1、使用真實用戶身份，調試微信網頁授權。

2、校驗頁面的JSSDK權限，以及模擬大部分SDK的輸入和輸出。

3、利用集成的Chrome DevTools和基本的移動調試模塊，協(xié)助開發(fā)。

微信開發(fā)者工具穩(wěn)定版界面介紹

一、登錄頁

在登錄頁，可以使用微信掃碼登錄開發(fā)者工具，開發(fā)者工具將使用這個微信帳號的信息進行小程序的開發(fā)和調試。

二、項目列表

登錄成功后，會看到已經存在的項目列表和代碼片段列表，在項目列表可以選擇公眾號網頁調試，進入到公眾號網頁調試模式

三、新建項目

當符合以下條件時，可以在本地創(chuàng)建一個小程序項目

1、需要一個小程序的 AppID；如沒有 AppID，可以選擇申請使用測試號。

2、登錄的微信號需要是該 AppID 的開發(fā)者；

3、需要選擇一個空目錄，或者選擇的非空目錄下存在 app.json 或者 project.config.json。當選擇空目錄時，可以選擇是否在該目錄下生成一個簡單的項目。

四、管理項目

對本地項目進行刪除和批量刪除

五、主界面

開發(fā)者工具主界面，從上到下，從左到右，分別為：菜單欄、工具欄、模擬器、目錄樹、編輯區(qū)、調試器 六大部分。

微信開發(fā)者工具穩(wěn)定版設置頁介紹

【設置頁】

通用設置、外觀設置、快捷鍵設置、編輯器設置、代理設置、安全設置和拓展設置。菜單欄上點擊設置，或者使用快捷鍵 ctrl(?) + , 可以打開設置頁。

1、通用設置

用于設置關于語言、工作區(qū)路徑，以及開發(fā)者工具的個性化設置需求。

2、外觀設置

支持配置開發(fā)者工具外觀和主題和區(qū)塊配置

主題：深色、淺色

字體

字號

行距

3、快捷鍵設置

可以查看和修改當前開發(fā)者綁定的快捷鍵

4、編輯設置

修改文件時自動保存

編譯時自動保存所有文件

文件保存時自動編譯小程序

自動折行

用空格代替 Tab

代碼縮略圖

總是在新標簽頁打開文件

Git 比較文件內容時，忽略 Windows 風格回車符

Tab 大小

如果選中了 “總是在新標簽頁打開文件”，則在編輯器目錄樹點擊文件時，總是會在一個新標簽頁中打開此文件，而非在臨時標簽頁中打開。

5、代理設置

可以配置不使用代理，或使用系統(tǒng)代理，或使用自定義代理。

6、安全設置

可以開啟和關閉 CLI/HTTP 調用功能。

7、拓展設置

可以查看、開啟和關閉開發(fā)者工具的一些拓展功能。

微信開發(fā)者工具穩(wěn)定版安裝和啟用擴展介紹

安裝和啟用擴展

要安裝一款編輯器擴展，只需打開項目窗口，然后選擇菜單欄【設置】【拓展設置】，并選擇【編輯器自定義擴展】選項卡。

點擊 “打開擴展文件夾”，并將解包后的擴展文件夾[1]拷貝入打開的文件夾內。回到設置界面，找到并啟用新添加的插件，關閉并重新打開該項目即可應用。

例如下圖是安裝 GitLens (by Eric Amodio) 擴展的效果。

注 1：不支持直接安裝 vsix 格式的插件。來自 Microsoft Visual Studio Code 已安裝的擴展，其解包后的文件夾可以在 ~/.vscode/extensions (macOS 系統(tǒng)) 或 C:\Users\用戶名\.vscode\extensions (Microsoft Windows 系統(tǒng)) 下找到。

注意：

1、自定義擴展默認不會被啟用。安裝擴展時，應當自行保證其運行安全性。開發(fā)者工具不承擔任何因外部擴展導致的問題。

2、擴展的啟用和禁用是對所有項目生效的。目前不支持針對單個項目啟用或禁用某擴展。

3、禁用內置的某些擴展，可能導致部分代碼編輯功能缺失。

4、如果因為啟用某個擴展導致項目無法啟動，可以在擴展目錄刪除其插件文件夾。

隨著開發(fā)者工具的更新，某些擴展可能會因為過時出現兼容性問題而無法使用。請在出現兼容性問題后及時更新這些擴展。

微信開發(fā)者工具穩(wěn)定版代碼管理如何使用？

開通：

每個小程序都會自動創(chuàng)建一個以 wx_appid 為路徑的專屬項目組，用戶無需單獨進行開通。小程序管理員會自動成為該項目組的 Owner，登錄過微信開發(fā)者·代碼管理的開發(fā)者會自動成為該項目組的 Master。

微信開發(fā)者·代碼管理的登錄用戶必須同時滿足以下兩個條件：

1、該用戶必須為微信開發(fā)者，即微信小程序、訂閱號以及服務號的開發(fā)者；

2、該用戶必須為實名認證的用戶。

登錄：

微信開發(fā)者·代碼管理的登錄方式包括：

1、通過微信開發(fā)者工具管理中的“代碼管理”快速進入微信開發(fā)者·代碼管理。

2、通過工具欄中的“微信開發(fā)者·代碼管理”快速進入。

3、通過瀏覽器微信掃碼登錄：https://git.weixin.qq.com

使用：

初次使用的開發(fā)者，請先前往微信開發(fā)者·代碼管理進行帳號初始化。未初始化帳號將無法創(chuàng)建項目和拉取代碼。

用戶可登錄微信開發(fā)者·代碼管理系統(tǒng)進行個人信息設置，包括：昵稱、頭像、Git 帳戶、SSH 密鑰等。

小程序專屬項目組

每個小程序都會自動創(chuàng)建一個以 wx_appid 為路徑的專屬項目組，用戶無需單獨進行開通。

在管理中添加遠程倉庫時，系統(tǒng)會自動拉取該小程序專屬項目組下已創(chuàng)建遠程倉庫列表。用戶可點擊選擇相應倉庫，系統(tǒng)會自動填充該倉庫的 URL 和名稱，方便用戶添加。

添加遠程倉庫后，如需進行代碼推送、拉取，請先前往微信開發(fā)者·代碼管理系統(tǒng)進行帳號初始化并完成帳號設置，包括：Git 帳號和密碼。同時在網絡與認證中輸入相同的帳號和密碼用于認證。

如無可用倉庫，可前往微信開發(fā)者·代碼管理進行創(chuàng)建。

請注意，和用戶自主創(chuàng)建的項目組不同，小程序專屬項目組具有一些特殊特性，包括：

1、小程序專屬項目組人員會自動關聯(lián)小程序開發(fā)者信息，只能在小程序管理后臺進行人員管理。

2、小程序管理員會自動成為該項目組的 Owner，登錄過微信開發(fā)者·代碼管理的開發(fā)者會自動成為該項目組的 Master。未登錄過的開發(fā)者，將不會同步權限。

3、小程序專屬項目組的路徑無法修改。

其他項目組：

除小程序專屬項目組外，用戶可在微信開發(fā)者·代碼管理中創(chuàng)建其他項目組。非小程序專屬項目組完全由開發(fā)者自行管理。Git 使用相關教程。

微信開發(fā)者工具穩(wěn)定版代碼靜態(tài)依賴分析

代碼靜態(tài)依賴分析

工具提供代碼靜態(tài)依賴分析插件，方便開發(fā)者查看代碼包的文件構成和依賴關系，以此優(yōu)化代碼包大小和內容。

運行環(huán)境

下載并安裝 1.03.2101150 或以上版本的開發(fā)者工具，下載地址。

一、開啟代碼靜態(tài)依賴分析插件

開發(fā)者可以通過兩個入口啟動插件：

1、目錄樹頂部導航欄

2、項目設置-本地代碼-代碼依賴分析

二、查看代碼包構成

啟動分析插件后，可默認查看到項目內文件組成情況以及對應的代碼體積，和無依賴(即沒有使用到)的代碼文件大小

三、查看代碼依賴關系

點擊任意一個文件（非無依賴），可以查看該代碼文件的依賴關系圖。點擊右鍵，可快速打開對應文件的代碼編輯。

四、查看無依賴文件

開發(fā)者通過切換篩選條件（選擇無依賴文件）或快捷入口，可以看到當前項目無依賴的文件情況，并根據自身情況對代碼文件進行優(yōu)化。

五、獲取分析數據

miniprogram-ci 從 v1.6.1 版本開始，新增了analyseCode方法，通過調用該方法可獲取到代碼靜態(tài)依賴分析結果的JSON數據。具體請查看 miniprogram-ci 文檔

六、原理介紹

代碼靜態(tài)依賴分析插件，會對代碼包中的代碼文件（后綴名為json、js、 wxml、wxss、wxs的文件）進行依賴分析，從app.json/game.json入口出發(fā)，找出項目中各個代碼文件的依賴關系，構建出文件依賴關系圖。未檢測到依賴關系的文件會被標記為無依賴的文件。代碼包中除了代碼文件以外，其余文件（如圖片等）會被標記為資源文件，不參與依賴分析。

更新日志

v1.06.2409140版本

修復 真機調試 memory 面板 snapshot 無法保存的問題

修復 打開工具出現 Cannot read property 'toString' o

undefined

修復 從局部編譯切換到普通編譯時會報錯的問題

修復 部分基礎庫 input 組件無法錄制回放的問題

修復 質量分析掃描卡住的問題

修復 啟動后模擬器偶先白屏需要重新編譯一次的問題。

修復壓縮 wxml 對 }} 的處理

優(yōu)化 工具開發(fā)調試的緩存清理

優(yōu)化 項目窗口骨架屏存在比較久的問題

修復 cli 預覽命令執(zhí)行失敗的問題

修復小游戲加載分包存在 json 文件提示 js 文件不存在的問題

優(yōu)化多端 IP

構建錯誤信息

修復 壓縮wxml中wxs處理出錯

修復 壓縮wxml文件 出錯

修復預覽時無法壓縮代碼，樣式自動補全的問題

新增 js/ts/wxml 文件中支持條件編譯補全

修復 搜索狀態(tài)下刪除項目黑屏的bug

修復 局部編譯無法真機預覽的問題

修復 開啟代碼保護無法進行加固的問題

修復 切換 tabbar 后下一個路由比較慢的問題

新增 支持試玩廣告

修復 小程序項目首次打開時概率性白屏的問題（需要重新編譯恢復正常）

修復 開啟 wxml 壓縮后編譯報錯的問題

優(yōu)化 wxml 壓縮效果

新增 project.config.json setting 增加 minifyWXMLSetting

優(yōu)化 大寫字母不觸發(fā) emmet 補全提示

新增 可視化編輯面板支持拖動改變大小

修復 js 熱重載不生效的問題

修復 可能出現無法更新緩存的問題

支持多端真機調試使用USB連接（iOS連接Windows暫不支持）

更新 多端相關鏈接地址

修復 Skyline模式下小程序中引用插件樣式丟失的問題

完善 小游戲渲染能力支持更新

修復多端iOS插件開發(fā) 小程序代碼不更新的問題

修復多端iOS插件開發(fā) 小程序代碼不更新的問題

優(yōu)化 局部編譯的效果

修復 代碼包上傳體積變大的問題

修復 Couldn't start client Glass Easel Template Serve

修復小游戲 canvas.toTempFilePathSync jpg 格式內容展示不對的問題

修復多端命令行構建的提示問題