我們利用微信小程序開發者工具創建小程序開發項目時,首先要了解的就是開發者工具包括主界面在內的各項功能介紹。今天就跟小編一起了解下小程序開發者工具主界面的功能有哪些。
上圖展現的就是微信小程序開發者工具主界面的各項功能。從上到下,從左到右分別為:菜單欄、工具欄、模擬器、目錄樹、編輯區、調試器六大部分。
微信小程序開發者主界面菜單欄:
1、微信web開發者工具:切換賬號、關于開發者工具介紹、檢查版本更新、開發者論壇、開發者文檔、調試、退出開發者工具等。
2、項目:新建項目、打開最近、查看所有項目、關閉當前項目。
3、文件:新建文件、保存、保存所有、關閉文件。
4、編輯:可以查看編輯相關的操作和快捷鍵。
5、工具:編譯、刷新、編輯配置、前后臺切換、清除緩存。
6、界面:設置主界面窗口模塊的顯示與隱藏。
7、設置:外觀設置、編輯設置、代理設置、通知設置。
微信小程序開發者主界面工具欄:
1、點擊用戶頭像可以打開個人中心,在這里可以便捷的切換用戶和查看開發者工具收到的信息。
2、用戶頭像右側是控制主界面模塊顯示/隱藏的按鈕。至少需要有一個模塊顯示。
3、工具欄中間,可以選擇普通編譯,也可以新建并選擇自定義條件進行編譯和預覽。
4、通過切后臺按鈕,可以模擬小程序進入后臺的情況。
5、清緩存:可以快捷清除工具上的文件緩存、數據緩存、還有后臺的授權數據,方便開發者調試。
6、開發輔助功能區域:可以上傳代碼、版本管理、查看項目詳情等。
微信小程序開發者工具主界面模擬器:
可以模擬小程序在微信客戶端的表現。小程序的代碼通過編譯后可以在模擬器上直接運行。
微信小程序開發者工具主界面調試器:
用來調試小程序代碼。
還有目錄樹和編輯區,就是小程序項目的具體目錄和代碼編輯的區域。微信小程序開發者工具主界面是可視化界面,各功能都很直白易懂,對于微信小程序制作開發人員來說基本上很容易上手。