LayaAir引擎學習日誌6----LayaAir IDE建立AS3專案並詳解目錄結構
儘管當前推薦AS3開發者採用FlashDevelop和FlashBuilder環境開發LayaAir引擎的HTML5專案。但是我們建議先通過LayaAirIDE建立專案,再通過FlashDevelop或FlashBuilder開啟編輯。通過LayaAirIDE建立專案會預設建立清晰的目錄結構。下面我們就以LayaAirIDE工具建立AS3空專案作為開始,帶領大家建立專案並介紹專案的結構。
一、用LayaAirIDE建立AS3專案
步驟一:開啟LayaAirIDE,點選新建專案
步驟二:選擇“LayaAir空專案”在設定專案名稱、路徑、型別,以及選擇完引擎版本後,點選“建立”建立一個新的空專案。
步驟三:在點選“建立”後,可以看到專案的結構,專案資料夾結構如下圖所示:
如果想採用FlashDevelop開啟。選中FlashDevelop的專案工程檔案,在資源管理器中開啟即可。
二、介紹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 開啟此專案。
或者先開啟FlashDevelop工具,然後在選單欄通過“檔案”->“開啟”找到專案名.as3proj所在的目錄開啟此專案。
2.7 FlashBuilder 專案配置檔案
.settings資料夾、.actionScriptProperties檔案和.project檔案 是Flash Builder 專案的配置檔案。使用 FlashBuilder 編輯器時,可以通過選單欄“檔案”->“匯入Flash Builder專案”來匯入LayaAirIDE建立的AS3專案。
不懂的可以加我的QQ群: 172719352(LayaAir引擎交流群 )歡迎你的到來哦,看了博文給點腳印唄,謝謝啦~~
相關文章
- LayaAir引擎學習日誌5----LayaAir IDE建立TS專案並詳解目錄結構AIIDE
- LayaAir引擎學習日誌4----建立JS專案並詳解目錄結構AIJS
- LayaAir引擎學習日誌9---- LayaAir IDE中顯示文字Hello World(JS)AIIDEJS
- LayaAir引擎學習日誌2----LayaAir引擎在Windows下安裝AIWindows
- LayaAir引擎學習日誌3----FlashDevelop/Flash Builder開發環境配置(AS3)AIdevUI開發環境S3
- LayaAir引擎學習日誌15----LayaAir記憶體效能分析AI記憶體
- LayaAir引擎學習日誌11----LayaAir Android環境的搭建AIAndroid
- LayaAir引擎學習日誌7----AS3語言中FlashDevelop中顯示文字Hello Layabox(AS3)AIS3dev
- LayaAir引擎學習日誌10----LayaAir的一些遊戲演示和遊戲專案原始碼開源AI遊戲原始碼
- LayaAir引擎學習日誌8----AS3語言中Flash Builder中顯示文字Hello Layabox(AS3)AIS3UI
- LayaAir引擎學習日誌14----LayaAir記憶體優化的問題AI記憶體優化
- Nginx目錄結構與配置檔案詳解Nginx
- Tomcat的目錄結構詳解Tomcat
- Maven專案目錄結構與自動建立maven目錄Maven
- 微信小程式學習總結01:專案結構中增加業務邏輯目錄微信小程式
- Linux學習——2 目錄結構Linux
- LayaAir引擎學習日誌13----LayaAir怎麼在mac環境下打包成ios的app以及釋出的所有流程AIMaciOSAPP
- Android原始碼目錄結構詳解Android原始碼
- Angular專案目錄結構詳解Angular
- Java學習日記(一)環境配置及專案結構講解Java
- vue-cli 目錄結構詳細講解Vue
- Praat 學習日誌1--安裝和建立專案(入門必看)
- Java新手學習Java專案打日誌Java
- [總結]學習目錄
- Linux 學習筆記--目錄結構及檔案基本操作Linux筆記
- Android Studio目錄結構及工程專案結構解析Android
- 安卓學習筆記---開篇(目錄結構)安卓筆記
- 第一講、建立執行Vue3.x專案、分析Vue目錄結構Vue
- Django中型專案的目錄結構和一個應用建立啟動示例Django
- Linux建立目錄 mkdir 詳解(全)Linux
- iOS專案的目錄結構和開發流程iOS
- Helm目錄結構講解
- Laravel8學習筆記01 - 目錄結構Laravel筆記
- Linux學習(三)之系統目錄結構Linux
- Symfony2學習筆記之目錄結構筆記
- linux檔案系統及目錄結構詳解_轉摘chinaunixLinux
- Nuxt.js 深入淺出:目錄結構與檔案組織詳解UXJS
- vue-cli專案結構詳解Vue