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

 首次開啟LayaAir IDE，或者在IDE的“檔案”選單裡使用“新建專案”功能。可以建立一個空專案，IDE在建立時會自動生成結構清晰的目錄結構，我們將在這介紹 LayaAir IDE 生成的目錄結構。

1、用LayaAirIDE建立專案

    步驟一：開啟LayaAirIDE，如果是首次開啟，直接點選“新建專案”開始建立新專案。

    步驟二：在“新建專案”的視窗裡，選擇建立LayaAir空專案，第一行填寫專案名稱,第二行填寫專案儲存的路徑，第三行是專案型別，分別為ActionScript、JavaScript、TypeScript專案，這裡我們需要選擇 “TypeScript專案”。第四行是引擎版本。可以選擇穩定版本或是最新的beta版。版本的區別可以在官網的引擎版本下載日誌裡檢視。

    點選“建立”後，IDE生成專案資料夾結構如下：

2、目錄結構介紹

2.1 專案執行配置檔案（.laya資料夾）

    .laya 資料夾下存放的是專案在開發執行中的一些配置資訊。

    其中的 launch.json 檔案儲存了專案除錯的一些配置資訊。
    Launch.json 檔案: 

    Launch.json檔案裡的 url 定義了專案除錯執行時主頁面（index.html）的位置資訊。chrome除錯配置中的runtimeExecutable 儲存了chrome 瀏覽器（chrome.exe）在你電腦中的目錄地址。

2.2 專案的輸出目錄（bin）

    bin目錄下存放的就是當前專案的輸出檔案。
    bin/js 資料夾下存放的是專案中的typeScript 檔案編譯成的js 檔案。
    bin/libs 資料夾存放的是 LayaAir 引擎各模組的JS 檔案，在專案中需要使用哪個模組就需要在 index.html 引入對應的 模組包JS檔案。

這裡我們順便介紹一下引擎模組主要的幾個部分：

    laya.core.js 是核心包，封裝了顯示物件渲染，事件，時間管理，時間軸動畫，緩動，訊息互動，socket，本地儲存，滑鼠觸控，聲音，載入，顏色濾鏡，點陣圖字型等。

    laya.webgl.js 封裝了webgl渲染管線，如果使用webgl渲染，可以在初始化時呼叫Laya.init(1000,800,laya.webgl.WebGL); 

    laya.ani.js 是動畫模組，包含了swf動畫，骨骼動畫等。

    laya.filter.js 包含更多webgl濾鏡，比如外發光，陰影，模糊以及更多。

    laya.html.js 封裝了html動態排版功能。

    laya.ui.js 提供了製作UI的各種元件實現。

    laya.tilemap.js 提供tileMap解析支援。

2.3 UI專案目錄（laya）

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

2.4 專案程式碼目錄（src）

    專案程式碼檔案預設將存放在 src 目錄。

2.5 專案配置檔案（專案名.laya）

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