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

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

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

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

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

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

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

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

一、登錄頁

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

二、項(xiàng)目列表

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

三、新建項(xiàng)目

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

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

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

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

四、管理項(xiàng)目

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

五、主界面

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

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

【設(shè)置頁】

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

1、通用設(shè)置

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

2、外觀設(shè)置

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

主題：深色、淺色

字體

字號

行距

3、快捷鍵設(shè)置

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

4、編輯設(shè)置

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

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

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

自動折行

用空格代替 Tab

代碼縮略圖

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

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

Tab 大小

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

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 格式的插件。來自 Microsoft Visual Studio Code 已安裝的擴(kuò)展，其解包后的文件夾可以在 ~/.vscode/extensions (macOS 系統(tǒng)) 或 C:\Users\用戶名\.vscode\extensions (Microsoft Windows 系統(tǒng)) 下找到。

注意：

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

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

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

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

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

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

開通：

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

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

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

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

登錄：

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

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

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

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

使用：

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

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

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

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

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

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

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

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

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

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

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

其他項(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ā)者可以通過兩個入口啟動插件：

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

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

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

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

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

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

四、查看無依賴文件

開發(fā)者通過切換篩選條件（選擇無依賴文件）或快捷入口，可以看到當(dāng)前項(xiàng)目無依賴的文件情況，并根據(jù)自身情況對代碼文件進(jìn)行優(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的文件）進(jìn)行依賴分析，從app.json/game.json入口出發(fā)，找出項(xiàng)目中各個代碼文件的依賴關(guān)系，構(gòu)建出文件依賴關(guān)系圖。未檢測到依賴關(guān)系的文件會被標(biāo)記為無依賴的文件。代碼包中除了代碼文件以外，其余文件（如圖片等）會被標(biāo)記為資源文件，不參與依賴分析。

更新日志

v1.06.2409140版本

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

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

undefined

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

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

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

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

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

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

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

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

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

優(yōu)化多端 IP

構(gòu)建錯誤信息

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

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

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

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

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

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

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

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

新增 支持試玩廣告

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

修復(fù) 開啟 wxml 壓縮后編譯報(bào)錯的問題

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

新增 project.config.json setting 增加 minifyWXMLSetting

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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