LayaAir引擎學習日誌6----LayaAir IDE建立AS3專案並詳解目錄結構

塵封的記憶0發表於2016-12-29

儘管當前推薦AS3開發者採用FlashDevelop和FlashBuilder環境開發LayaAir引擎的HTML5專案。但是我們建議先通過LayaAirIDE建立專案,再通過FlashDevelop或FlashBuilder開啟編輯通過LayaAirIDE建立專案會預設建立清晰的目錄結構。下面我們就以LayaAirIDE工具建立AS3空專案作為開始,帶領大家建立專案並介紹專案的結構。

一、用LayaAirIDE建立AS3專案

步驟一:開啟LayaAirIDE,點選新建專案

blob.png

步驟二:選擇“LayaAir空專案”在設定專案名稱、路徑、型別,以及選擇完引擎版本後,點選“建立”建立一個新的空專案。

blob.png

步驟三:在點選“建立”後,可以看到專案的結構專案資料夾結構如下圖所示

blob.png

如果想採用FlashDevelop開啟。選中FlashDevelop的專案工程檔案,在資源管理器中開啟即可。

blob.png


二、介紹AS3專案結構

    接下來,將會結合上一節中建立的專案結構來介紹每個目錄資料夾的作用。

2.1 專案的輸出目錄(bin)

    “bin/h5”目錄存放的是當前專案的輸出檔案。用於存放專案中的ActionScript3.0 檔案編譯生成的js 檔案和HTML5頁面。

 

2.2 UI專案目錄(laya)

    “laya”目錄 是用於當前專案存放LayaAirIDE的UI專案。
    laya/assets” 目錄用來存放編輯UI頁面、粒子等元件所需的圖片資源。
    laya/pages目錄用來存放LayaAirIDE的UI編輯器生成的頁面配置檔案。
    “laya/.laya檔案是LayaAirIDE的UI專案配置檔案。

 

2.3 專案庫目錄(libs)

    “libs”目錄內為專案的庫目錄,用於存放專案使用的庫檔案。

   “libs/laya/src”目錄記憶體放LayaAir引擎庫檔案。


2.4 專案的AS3程式碼目錄(src)

    專案中的用到的AS3程式碼檔案(.as檔案)預設將存放在 src 目錄。

2.5 專案配置檔案(專案名.laya)

    專案名.laya 是專案配置檔案,檔案內記錄了當前專案的專案名稱、使用的類庫版本號和專案型別。

    例如:

1
{"proName":"myLaya","version":"1.5.4","proType":0}


2.6 FlashDevelop專案配置檔案(專案名.as3proj

    專案名.as3proj檔案是FlashDevelop專案的配置檔案。使用 FlashDevelop 編輯器開發AS3專案時,可以通過開啟資源管理器,然後在目錄中雙擊此檔案用FlashDevelop 開啟此專案。

blob.png

或者先開啟FlashDevelop工具,然後在選單欄通過“檔案”->“開啟”找到專案名.as3proj所在的目錄開啟此專案。

blob.png


2.7 FlashBuilder 專案配置檔案

    .settings資料夾、.actionScriptProperties檔案和.project檔案 是Flash Builder 專案的配置檔案。使用 FlashBuilder 編輯器時,可以通過選單欄“檔案”->“匯入Flash Builder專案”來匯入LayaAirIDE建立的AS3專案。

 blob.png


不懂的可以加我的QQ群: 172719352(LayaAir引擎交流群 )歡迎你的到來哦,看了博文給點腳印唄,謝謝啦~~

相關文章