1.開發工具界面

2.菜單區介紹

2.1 編輯

默認為編輯狀態顯示，下面的編譯為手動編譯功能，通常情況下修改文件后保存會刷新界面顯示，如果修改的是.js文件，保存時會自動進行編譯和刷新界面顯示

2.2 調試

通過界面我們可以看出編輯狀態的菜單欄與chrome瀏覽器的調試界面幾乎相同，包括控制臺、源碼、網絡等，并且支持斷電調試，功能幾乎與前端開發調試類似，不再介紹，

調試的時候，菜單欄下面會多出一個后臺和緩存按鈕：

后臺： 是模擬程序運行到后臺（按Home鍵回到主頁面，不是退出程序）時的執行情況，進入后臺時再次點擊會進入前臺執行。

緩存 ： 數據的本地緩存，可以在這里進行清除緩存等操作。

2.3 項目菜單

3.界面顯示欄

界面顯示欄包括上下兩部分，上面設置運行環境，下面顯示運行效果，各部分介紹：

1選擇運行的環境，上面的手機型號不具體指該手機，單指相同的分辨率，例如iphone6 指375 * 667分辨率的所有機型

2模擬網絡運行環境，包括wifi、4G、3G、2G，默認為wifi運行環境

3界面效果展示區，主要顯示程序的運行效果

注意：切換運行的手機分辨率時記得要手動編譯以下，否則界面顯示不正確

4.目錄結構欄和編輯欄

目錄結構已經介紹過了，不在多做介紹；

編輯區顯示當前正在編輯的文件，如果是正在編輯的文件，名字顯示為淡綠色，并且未保存的文件，文件名后面會有一個綠色的點，注意如果修改過文件后沒有保存，程序不能正確運行