開發工具介紹

1.開發工具介面

2.選單區介紹

2.1 編輯

預設為編輯狀態顯示，下面的編譯為手動編譯功能，通常情況下修改檔案後儲存會重新整理介面顯示，如果修改的是.js檔案，儲存時會自動進行編譯和重新整理介面顯示

2.2 除錯

通過介面我們可以看出編輯狀態的選單欄與chrome瀏覽器的除錯介面幾乎相同，包括控制檯、原始碼、網路等，並且支援斷電除錯，功能幾乎與前端開發除錯類似，不再介紹，

除錯的時候，選單欄下面會多出一個後臺和快取按鈕：

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

快取 ： 資料的本地快取，可以在這裡進行清除快取等操作。

2.3 專案選單

3.介面顯示欄

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

1 選擇執行的環境，上面的手機型號不具體指該手機，單指相同的解析度，例如iphone6 指375 * 667解析度的所有機型

2 模擬網路執行環境，包括wifi、4G、3G、2G，預設為wifi執行環境

3 介面效果展示區，主要顯示程式的執行效果

注意：切換執行的手機解析度時記得要手動編譯以下，否則介面顯示不正確

4.目錄結構欄和編輯欄

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

編輯區顯示當前正在編輯的檔案，如果是正在編輯的檔案，名字顯示為淡綠色，並且未儲存的檔案，檔名後面會有一個綠色的點，注意如果修改過檔案後沒有儲存，程式不能正確執行