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

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

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

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

1、使用真實用戶身份，調(diào)試微信網(wǎng)頁授權(quán)。

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

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

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

一、登錄頁

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

二、項目列表

登錄成功后，會看到已經(jīng)存在的項目列表和代碼片段列表，在項目列表可以選擇公眾號網(wǎng)頁調(diào)試，進入到公眾號網(wǎng)頁調(diào)試模式

三、新建項目

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

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

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

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

四、管理項目

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

五、主界面

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

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

【設置頁】

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

1、通用設置

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

2、外觀設置

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

主題：深色、淺色

字體

字號

行距

3、快捷鍵設置

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

4、編輯設置

修改文件時自動保存

編譯時自動保存所有文件

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

自動折行

用空格代替 Tab

代碼縮略圖

總是在新標簽頁打開文件

Git 比較文件內(nèi)容時，忽略 Windows 風格回車符

Tab 大小

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

5、代理設置

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

6、安全設置

可以開啟和關閉 CLI/HTTP 調(diào)用功能。

7、拓展設置

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

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

安裝和啟用擴展

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

點擊 “打開擴展文件夾”，并將解包后的擴展文件夾[1]拷貝入打開的文件夾內(nèi)?；氐皆O置界面，找到并啟用新添加的插件，關閉并重新打開該項目即可應用。

例如下圖是安裝 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、禁用內(nèi)置的某些擴展，可能導致部分代碼編輯功能缺失。

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

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

微信開發(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 密鑰等。

小程序?qū)夙椖拷M

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

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

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

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

請注意，和用戶自主創(chuàng)建的項目組不同，小程序?qū)夙椖拷M具有一些特殊特性，包括：

1、小程序?qū)夙椖拷M人員會自動關聯(lián)小程序開發(fā)者信息，只能在小程序管理后臺進行人員管理。

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

3、小程序?qū)夙椖拷M的路徑無法修改。

其他項目組：

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

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

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

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

運行環(huán)境

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

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

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

1、目錄樹頂部導航欄

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

二、查看代碼包構(gòu)成

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

三、查看代碼依賴關系

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

四、查看無依賴文件

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

五、獲取分析數(shù)據(jù)

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

六、原理介紹

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

更新日志

v1.06.2412050版本

1、云開發(fā)本地調(diào)試在休眠后失去響應的問題

2、修復 云開發(fā)本地調(diào)試在關閉后無法重新打開的問題

3、修復 異常的 navigateBack 調(diào)用會導致重進頁面白屏的問題

4、修復 菜單點擊導入和創(chuàng)建項目失效的問題

5、修復 MAC ARM 架構(gòu)視頻播放問題

6、修復 wxml 面板無法恢復取消的 style 的 css 樣式（3.6.6以下基礎庫）