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

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

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

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

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

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

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

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

一、登錄頁(yè)

在登錄頁(yè)，可以使用微信掃碼登錄開(kāi)發(fā)者工具，開(kāi)發(fā)者工具將使用這個(gè)微信帳號(hào)的信息進(jìn)行小程序的開(kāi)發(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；如沒(méi)有 AppID，可以選擇申請(qǐng)使用測(cè)試號(hào)。

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

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

四、管理項(xiàng)目

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

五、主界面

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

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

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

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

1、通用設(shè)置

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

2、外觀設(shè)置

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

主題：深色、淺色

字體

字號(hào)

行距

3、快捷鍵設(shè)置

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

4、編輯設(shè)置

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

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

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

自動(dòng)折行

用空格代替 Tab

代碼縮略圖

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

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

Tab 大小

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

5、代理設(shè)置

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

6、安全設(shè)置

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

7、拓展設(shè)置

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

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

安裝和啟用擴(kuò)展

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

點(diǎn)擊 “打開(kāi)擴(kuò)展文件夾”，并將解包后的擴(kuò)展文件夾[1]拷貝入打開(kāi)的文件夾內(nèi)?；氐皆O(shè)置界面，找到并啟用新添加的插件，關(guān)閉并重新打開(kāi)該項(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\用戶(hù)名\.vscode\extensions (Microsoft Windows 系統(tǒng)) 下找到。

注意：

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

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ò)展目錄刪除其插件文件夾。

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

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

開(kāi)通：

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

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

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

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

登錄：

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

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

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

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

使用：

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

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

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

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

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

添加遠(yuǎn)程倉(cāng)庫(kù)后，如需進(jìn)行代碼推送、拉取，請(qǐng)先前往微信開(kāi)發(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ù)，可前往微信開(kāi)發(fā)者·代碼管理進(jìn)行創(chuàng)建。

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

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

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

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

其他項(xiàng)目組：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

六、原理介紹

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

更新日志

v1.06.2409140版本

修復(fù) 真機(jī)調(diào)試 memory 面板 snapshot 無(wú)法保存的問(wèn)題

修復(fù) 打開(kāi)工具出現(xiàn) Cannot read property 'toString' o

undefined

修復(fù) 從局部編譯切換到普通編譯時(shí)會(huì)報(bào)錯(cuò)的問(wèn)題

修復(fù) 部分基礎(chǔ)庫(kù) input 組件無(wú)法錄制回放的問(wèn)題

修復(fù) 質(zhì)量分析掃描卡住的問(wèn)題

修復(fù) 啟動(dòng)后模擬器偶先白屏需要重新編譯一次的問(wèn)題。

修復(fù)壓縮 wxml 對(duì) }} 的處理

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

優(yōu)化 項(xiàng)目窗口骨架屏存在比較久的問(wèn)題

修復(fù) cli 預(yù)覽命令執(zhí)行失敗的問(wèn)題

修復(fù)小游戲加載分包存在 json 文件提示 js 文件不存在的問(wèn)題

優(yōu)化多端 IP

構(gòu)建錯(cuò)誤信息

修復(fù) 壓縮wxml中wxs處理出錯(cuò)

修復(fù) 壓縮wxml文件 出錯(cuò)

修復(fù)預(yù)覽時(shí)無(wú)法壓縮代碼，樣式自動(dòng)補(bǔ)全的問(wèn)題

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

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

修復(fù) 局部編譯無(wú)法真機(jī)預(yù)覽的問(wèn)題

修復(fù) 開(kāi)啟代碼保護(hù)無(wú)法進(jìn)行加固的問(wèn)題

修復(fù) 切換 tabbar 后下一個(gè)路由比較慢的問(wèn)題

新增 支持試玩廣告

修復(fù) 小程序項(xiàng)目首次打開(kāi)時(shí)概率性白屏的問(wèn)題（需要重新編譯恢復(fù)正常）

修復(fù) 開(kāi)啟 wxml 壓縮后編譯報(bào)錯(cuò)的問(wèn)題

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

新增 project.config.json setting 增加 minifyWXMLSetting

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

新增 可視化編輯面板支持拖動(dòng)改變大小

修復(fù) js 熱重載不生效的問(wèn)題

修復(fù) 可能出現(xiàn)無(wú)法更新緩存的問(wèn)題

支持多端真機(jī)調(diào)試使用USB連接（iOS連接Windows暫不支持）

更新 多端相關(guān)鏈接地址

修復(fù) Skyline模式下小程序中引用插件樣式丟失的問(wèn)題

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

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

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

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

修復(fù) 代碼包上傳體積變大的問(wèn)題

修復(fù) Couldn't start client Glass Easel Template Serve

修復(fù)小游戲 canvas.toTempFilePathSync jpg 格式內(nèi)容展示不對(duì)的問(wèn)題

修復(fù)多端命令行構(gòu)建的提示問(wèn)題