1,創建新項目HelloWorld ,可以在界面上點擊文件->新建,也可以在命令行使用create;
2,src 目錄,存放我們的代碼。我們編寫的代碼都放在src目錄下面。
bin-debug 目錄,項目編譯和運行的debug目錄,一般我們不要修改該目錄下的內容。
libs 目錄,這里面存放我們的庫文件,包括 Egret 核心庫和其他擴展庫。當然以后添加了第三方庫的話也會放在這里。
resource 目錄,這里放置我們的資源文件,這里面有一個default.res.json
配置文件,用來配置資源。
template 目錄,這里是項目調試過程中所需的目錄,一般我們不需要修改該目錄下的內容。
egretProperties.json 項目的配置文件,一般我們會用到里面的modules
字段來配置項目的模塊。
index.html 項目訪問的入口文件,我們可以在這里面配置項目的旋轉縮放模式背景顏色等。
favicon.ico 一個ico。是Favorite icon的簡寫;
3,index.html文件,可以完成很多配置,如第15行,是設置舞台的背景色;
接下來是對第三方庫文件的引用標簽,
從45行開始,是對項目的設置;一般不要修改,包括注釋也不要改;
data-entry-class=”Main” 設置項目的入口文件,表示項目的入口類,默認為Main
,如果需要自定義的話需要在項目中先創建類,然后在這里配置類的名字。
data-orientation=”auto” 設置旋轉模式。
data-scale-mode=”showAll” 設置縮放模式。
data-frame-rate=”30” 這里是運行的幀率。
data-content-width=”480” 和 data-content-height=”800” 用來設置舞台的設計寬和高
data-show-paint-rect=”false” 設置顯示臟矩形的重繪區域。
data-multi-fingered=”2” 設置多指觸摸
data-show-fps=”false” data-show-log=”false” 這里設置顯示幀率和log,只有在調試時會顯示,發布的版本會去掉。
data-log-filter=”” 設置一個正則表達式過濾條件,日志文本匹配這個正則表達式的時候才顯示這條日志。如data-log-filter="^egret"
表示僅顯示以 egret
開頭的日志。
data-show-fps-style=”x:0,y:0,size:30,textColor:0x00c200,bgAlpha:0.9” 這里設置fps面板的樣式。目前支持默認的這幾種設置,修改其值即可,比如修改面板位置可以設置x
和y
,改變大小可以設置size
,改變文字顏色textColor
,改變背景面板的透明度bgAlpha
。
4,調試項目:
在新建好的HelloWorld項目中,函數里面(可以是開頭)加一句console.log("HelloWorld"); 然后ctrl+s 即可自動構建項目,也可以到菜單里將自動構建取消而手動點擊構建項目按鈕即可(命令行情況下,就是egret build),構建完成后點擊調試按鈕即可,會自動打開瀏覽器(瀏覽器最好有Chrome);F12即開發者工具;在控制台即可看到 HelloWorld ;