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

本次小編給大家?guī)淼氖?strong>微信開發(fā)者工具穩(wěn)定版，此版本是比較穩(wěn)定的一個版本，是由測試版缺陷收斂后轉(zhuǎn)為穩(wěn)定版，想對于正常版本來說，此版本在原來的基礎(chǔ)上解決了部分windows機器打開時工具黑屏，設(shè)置改變后，再次啟動時沒有生效的問題。同時新增支持從擴展面板導(dǎo)入解包的文件夾安裝擴展，新增小游戲支持實驗室數(shù)據(jù)接口，新增支持工具配置自定義主題色，新增真機性能分析工具，新增小程序壓測工具，增支持編輯JSON文件時點按跳轉(zhuǎn)和補 WXML文件路徑等多種功能，還有非常多的功能還得用戶自己去發(fā)現(xiàn)。
微信開發(fā)者工具穩(wěn)定版是一款由微信官方推出的編程開發(fā)工具，同時也是一種全新的連接用戶與服務(wù)的方式，它可以在微信內(nèi)被便捷地獲取和傳播，同時具有出色的使用體驗。軟件界面干凈清爽，非常簡潔，同時功能性十足，提供了一個簡單、高效的應(yīng)用開發(fā)框架和豐富的組件及API，幫助開發(fā)者在微信中開發(fā)具有原生APP體驗的服務(wù)。同時軟件集成了公眾號網(wǎng)頁調(diào)試和小程序調(diào)試兩種開發(fā)模式。通過微信開發(fā)者工具穩(wěn)定版這款軟件用戶可以完成小程序的API和頁面的開發(fā)調(diào)試、代碼查看和編輯、小程序預(yù)覽和發(fā)布等功能，如果不會使用的話，軟件中還包含了非常多的文字圖片教學(xué)和視頻教學(xué)，幫助開發(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)定版設(shè)置頁介紹

【設(shè)置頁】
通用設(shè)置、外觀設(shè)置、快捷鍵設(shè)置、編輯器設(shè)置、代理設(shè)置、安全設(shè)置和拓展設(shè)置。菜單欄上點擊設(shè)置，或者使用快捷鍵 ctrl(?) + , 可以打開設(shè)置頁。
1、通用設(shè)置
用于設(shè)置關(guān)于語言、工作區(qū)路徑，以及開發(fā)者工具的個性化設(shè)置需求。

2、外觀設(shè)置
支持配置開發(fā)者工具外觀和主題和區(qū)塊配置
主題：深色、淺色
字體
字號
行距

3、快捷鍵設(shè)置
可以查看和修改當前開發(fā)者綁定的快捷鍵

4、編輯設(shè)置
修改文件時自動保存
編譯時自動保存所有文件
文件保存時自動編譯小程序
自動折行
用空格代替 Tab
代碼縮略圖
總是在新標簽頁打開文件
Git 比較文件內(nèi)容時，忽略 Windows 風(fēng)格回車符
Tab 大小
如果選中了 “總是在新標簽頁打開文件”，則在編輯器目錄樹點擊文件時，總是會在一個新標簽頁中打開此文件，而非在臨時標簽頁中打開。

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

6、安全設(shè)置
可以開啟和關(guān)閉 CLI/HTTP 調(diào)用功能。

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

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

安裝和啟用擴展

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

點擊 “打開擴展文件夾”，并將解包后的擴展文件夾[1]拷貝入打開的文件夾內(nèi)。回到設(shè)置界面，找到并啟用新添加的插件，關(guān)閉并重新打開該項目即可應(yīng)用。
例如下圖是安裝 GitLens (by Eric Amodio) 擴展的效果。

注 1：不支持直接安裝 vsix 格式的插件。來自 Microsoft Visual Studio Code 已安裝的擴展，其解包后的文件夾可以在 ~/.vscode/extensions (macOS 系統(tǒng)) 或 C:\Users\用戶名\.vscode\extensions (Microsoft Windows 系統(tǒng)) 下找到。
注意：
1、自定義擴展默認不會被啟用。安裝擴展時，應(yīng)當自行保證其運行安全性。開發(fā)者工具不承擔任何因外部擴展導(dǎo)致的問題。
2、擴展的啟用和禁用是對所有項目生效的。目前不支持針對單個項目啟用或禁用某擴展。
3、禁用內(nèi)置的某些擴展，可能導(dǎo)致部分代碼編輯功能缺失。
4、如果因為啟用某個擴展導(dǎo)致項目無法啟動，可以在擴展目錄刪除其插件文件夾。
隨著開發(fā)者工具的更新，某些擴展可能會因為過時出現(xiàn)兼容性問題而無法使用。請在出現(xiàn)兼容性問題后及時更新這些擴展。

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

開通：
每個小程序都會自動創(chuàng)建一個以 wx_appid 為路徑的專屬項目組，用戶無需單獨進行開通。小程序管理員會自動成為該項目組的 Owner，登錄過微信開發(fā)者·代碼管理的開發(fā)者會自動成為該項目組的 Master。
微信開發(fā)者·代碼管理的登錄用戶必須同時滿足以下兩個條件：
1、該用戶必須為微信開發(fā)者，即微信小程序、訂閱號以及服務(wù)號的開發(fā)者；
2、該用戶必須為實名認證的用戶。
登錄：
微信開發(fā)者·代碼管理的登錄方式包括：
1、通過微信開發(fā)者工具管理中的“代碼管理”快速進入微信開發(fā)者·代碼管理。

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

3、通過瀏覽器微信掃碼登錄：https://git.weixin.qq.com
使用：
初次使用的開發(fā)者，請先前往微信開發(fā)者·代碼管理進行帳號初始化。未初始化帳號將無法創(chuàng)建項目和拉取代碼。
用戶可登錄微信開發(fā)者·代碼管理系統(tǒng)進行個人信息設(shè)置，包括：昵稱、頭像、Git 帳戶、SSH 密鑰等。
小程序?qū)夙椖拷M
每個小程序都會自動創(chuàng)建一個以 wx_appid 為路徑的專屬項目組，用戶無需單獨進行開通。
在管理中添加遠程倉庫時，系統(tǒng)會自動拉取該小程序?qū)夙椖拷M下已創(chuàng)建遠程倉庫列表。用戶可點擊選擇相應(yīng)倉庫，系統(tǒng)會自動填充該倉庫的 URL 和名稱，方便用戶添加。

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

如無可用倉庫，可前往微信開發(fā)者·代碼管理進行創(chuàng)建。
請注意，和用戶自主創(chuàng)建的項目組不同，小程序?qū)夙椖拷M具有一些特殊特性，包括：
1、小程序?qū)夙椖拷M人員會自動關(guān)聯(lián)小程序開發(fā)者信息，只能在小程序管理后臺進行人員管理。
2、小程序管理員會自動成為該項目組的 Owner，登錄過微信開發(fā)者·代碼管理的開發(fā)者會自動成為該項目組的 Master。未登錄過的開發(fā)者，將不會同步權(quán)限。
3、小程序?qū)夙椖拷M的路徑無法修改。
其他項目組：
除小程序?qū)夙椖拷M外，用戶可在微信開發(fā)者·代碼管理中創(chuàng)建其他項目組。非小程序?qū)夙椖拷M完全由開發(fā)者自行管理。Git 使用相關(guān)教程。

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

代碼靜態(tài)依賴分析
工具提供代碼靜態(tài)依賴分析插件，方便開發(fā)者查看代碼包的文件構(gòu)成和依賴關(guān)系，以此優(yōu)化代碼包大小和內(nèi)容。
運行環(huán)境
下載并安裝 1.03.2101150 或以上版本的開發(fā)者工具，下載地址。
一、開啟代碼靜態(tài)依賴分析插件
開發(fā)者可以通過兩個入口啟動插件：
1、目錄樹頂部導(dǎo)航欄
2、項目設(shè)置-本地代碼-代碼依賴分析


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

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

四、查看無依賴文件
開發(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ā)，找出項目中各個代碼文件的依賴關(guān)系，構(gòu)建出文件依賴關(guān)系圖。未檢測到依賴關(guān)系的文件會被標記為無依賴的文件。代碼包中除了代碼文件以外，其余文件（如圖片等）會被標記為資源文件，不參與依賴分析。