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

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

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

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

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

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

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

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

一、登錄頁(yè)

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

二、項(xiàng)目列表

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

三、新建項(xiàng)目

當(dāng)符合以下條件時(shí)，可以在本地創(chuàng)建一個(gè)小程序項(xiàng)目

1、需要一個(gè)小程序的 AppID；如沒有 AppID，可以選擇申請(qǐng)使用測(cè)試號(hào)。

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

3、需要選擇一個(gè)空目錄，或者選擇的非空目錄下存在 app.json 或者 project.config.json。當(dāng)選擇空目錄時(shí)，可以選擇是否在該目錄下生成一個(gè)簡(jiǎn)單的項(xiàng)目。

四、管理項(xiàng)目

對(duì)本地項(xiàng)目進(jìn)行刪除和批量刪除

五、主界面

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

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

【設(shè)置頁(yè)】

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

1、通用設(shè)置

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

2、外觀設(shè)置

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

主題：深色、淺色

字體

字號(hào)

行距

3、快捷鍵設(shè)置

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

4、編輯設(shè)置

修改文件時(shí)自動(dòng)保存

編譯時(shí)自動(dòng)保存所有文件

文件保存時(shí)自動(dòng)編譯小程序

自動(dòng)折行

用空格代替 Tab

代碼縮略圖

總是在新標(biāo)簽頁(yè)打開文件

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

Tab 大小

如果選中了 “總是在新標(biāo)簽頁(yè)打開文件”，則在編輯器目錄樹點(diǎn)擊文件時(shí)，總是會(huì)在一個(gè)新標(biāo)簽頁(yè)中打開此文件，而非在臨時(shí)標(biāo)簽頁(yè)中打開。

5、代理設(shè)置

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

6、安全設(shè)置

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

7、拓展設(shè)置

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

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

安裝和啟用擴(kuò)展

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

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

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

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

注意：

1、自定義擴(kuò)展默認(rèn)不會(huì)被啟用。安裝擴(kuò)展時(shí)，應(yīng)當(dāng)自行保證其運(yùn)行安全性。開發(fā)者工具不承擔(dān)任何因外部擴(kuò)展導(dǎo)致的問題。

2、擴(kuò)展的啟用和禁用是對(duì)所有項(xiàng)目生效的。目前不支持針對(duì)單個(gè)項(xiàng)目啟用或禁用某擴(kuò)展。

3、禁用內(nèi)置的某些擴(kuò)展，可能導(dǎo)致部分代碼編輯功能缺失。

4、如果因?yàn)閱⒂媚硞€(gè)擴(kuò)展導(dǎo)致項(xiàng)目無(wú)法啟動(dòng)，可以在擴(kuò)展目錄刪除其插件文件夾。

隨著開發(fā)者工具的更新，某些擴(kuò)展可能會(huì)因?yàn)檫^時(shí)出現(xiàn)兼容性問題而無(wú)法使用。請(qǐng)?jiān)诔霈F(xiàn)兼容性問題后及時(shí)更新這些擴(kuò)展。

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

開通：

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

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

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

2、該用戶必須為實(shí)名認(rèn)證的用戶。

登錄：

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

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

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

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

使用：

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

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

小程序?qū)夙?xiàng)目組

每個(gè)小程序都會(huì)自動(dòng)創(chuàng)建一個(gè)以 wx_appid 為路徑的專屬項(xiàng)目組，用戶無(wú)需單獨(dú)進(jìn)行開通。

在管理中添加遠(yuǎn)程倉(cāng)庫(kù)時(shí)，系統(tǒng)會(huì)自動(dòng)拉取該小程序?qū)夙?xiàng)目組下已創(chuàng)建遠(yuǎn)程倉(cāng)庫(kù)列表。用戶可點(diǎn)擊選擇相應(yīng)倉(cāng)庫(kù)，系統(tǒng)會(huì)自動(dòng)填充該倉(cāng)庫(kù)的 URL 和名稱，方便用戶添加。

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

如無(wú)可用倉(cāng)庫(kù)，可前往微信開發(fā)者·代碼管理進(jìn)行創(chuàng)建。

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

1、小程序?qū)夙?xiàng)目組人員會(huì)自動(dòng)關(guān)聯(lián)小程序開發(fā)者信息，只能在小程序管理后臺(tái)進(jìn)行人員管理。

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

3、小程序?qū)夙?xiàng)目組的路徑無(wú)法修改。

其他項(xiàng)目組：

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

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

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

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

運(yùn)行環(huán)境

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

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

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

1、目錄樹頂部導(dǎo)航欄

2、項(xiàng)目設(shè)置-本地代碼-代碼依賴分析

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

啟動(dòng)分析插件后，可默認(rèn)查看到項(xiàng)目?jī)?nèi)文件組成情況以及對(duì)應(yīng)的代碼體積，和無(wú)依賴(即沒有使用到)的代碼文件大小

三、查看代碼依賴關(guān)系

點(diǎn)擊任意一個(gè)文件（非無(wú)依賴），可以查看該代碼文件的依賴關(guān)系圖。點(diǎn)擊右鍵，可快速打開對(duì)應(yīng)文件的代碼編輯。

四、查看無(wú)依賴文件

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

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

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

六、原理介紹

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

更新日志

v1.06.2412050版本

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

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

3、修復(fù) 異常的 navigateBack 調(diào)用會(huì)導(dǎo)致重進(jìn)頁(yè)面白屏的問題

4、修復(fù) 菜單點(diǎn)擊導(dǎo)入和創(chuàng)建項(xiàng)目失效的問題

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

6、修復(fù) wxml 面板無(wú)法恢復(fù)取消的 style 的 css 樣式（3.6.6以下基礎(chǔ)庫(kù)）