我們利用微信小程序開發(fā)者工具創(chuàng)建小程序開發(fā)項(xiàng)目時(shí)，首先要了解的就是開發(fā)者工具包括主界面在內(nèi)的各項(xiàng)功能介紹。今天就跟小編一起了解下小程序開發(fā)者工具主界面的功能有哪些。

上圖展現(xiàn)的就是微信小程序開發(fā)者工具主界面的各項(xiàng)功能。從上到下，從左到右分別為：菜單欄、工具欄、模擬器、目錄樹、編輯區(qū)、調(diào)試器六大部分。

微信小程序開發(fā)者主界面菜單欄：

1、微信web開發(fā)者工具：切換賬號(hào)、關(guān)于開發(fā)者工具介紹、檢查版本更新、開發(fā)者論壇、開發(fā)者文檔、調(diào)試、退出開發(fā)者工具等。

2、項(xiàng)目：新建項(xiàng)目、打開最近、查看所有項(xiàng)目、關(guān)閉當(dāng)前項(xiàng)目。

3、文件：新建文件、保存、保存所有、關(guān)閉文件。

4、編輯：可以查看編輯相關(guān)的操作和快捷鍵。

5、工具：編譯、刷新、編輯配置、前后臺(tái)切換、清除緩存。

6、界面：設(shè)置主界面窗口模塊的顯示與隱藏。

7、設(shè)置：外觀設(shè)置、編輯設(shè)置、代理設(shè)置、通知設(shè)置。

微信小程序開發(fā)者主界面工具欄：

1、點(diǎn)擊用戶頭像可以打開個(gè)人中心，在這里可以便捷的切換用戶和查看開發(fā)者工具收到的信息。

2、用戶頭像右側(cè)是控制主界面模塊顯示/隱藏的按鈕。至少需要有一個(gè)模塊顯示。

3、工具欄中間，可以選擇普通編譯，也可以新建并選擇自定義條件進(jìn)行編譯和預(yù)覽。

4、通過切后臺(tái)按鈕，可以模擬小程序進(jìn)入后臺(tái)的情況。

5、清緩存：可以快捷清除工具上的文件緩存、數(shù)據(jù)緩存、還有后臺(tái)的授權(quán)數(shù)據(jù)，方便開發(fā)者調(diào)試。

6、開發(fā)輔助功能區(qū)域：可以上傳代碼、版本管理、查看項(xiàng)目詳情等。

微信小程序開發(fā)者工具主界面模擬器：

可以模擬小程序在微信客戶端的表現(xiàn)。小程序的代碼通過編譯后可以在模擬器上直接運(yùn)行。

微信小程序開發(fā)者工具主界面調(diào)試器：

用來調(diào)試小程序代碼。

還有目錄樹和編輯區(qū)，就是小程序項(xiàng)目的具體目錄和代碼編輯的區(qū)域。微信小程序開發(fā)者工具主界面是可視化界面，各功能都很直白易懂，對于微信小程序制作開發(fā)人員來說基本上很容易上手。