ActionScript
TypeScript
JavaScript

用LayaAirIDE创建AS3项目并详解目录结构

发布时间:2016-12-28

    尽管当前推荐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 项目运行配置文件(.laya文件夹)

    .laya 文件夹下存放的是项目在开发运行中的一些配置信息。

    .laya/launch.json 文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。不要轻易去改动,改错后会影响项目的调试。

blob.png

blob.png

    上图的launch.json问题是开发者可能碰到的。如果碰到以上问题,需要检查configurations的URL路径是否存在问题。如果是“/”路径符需要改为“\\”。

blob.png


2.2 项目的输出目录(bin)

    “bin/h5”目录存放的是当前项目的输出文件。用于存放项目中的ActionScript3.0 文件编译生成的js 文件和HTML5页面。

 

2.3 UI项目目录(laya)

    “laya”目录 是用于当前项目存放LayaAirIDE的UI项目。
    “laya/assets” 目录用来存放编辑UI页面、粒子等组件所需的图片资源。
    “laya/pages”目录用来存放LayaAirIDE的UI编辑器生成的页面配置文件。
    “laya/.laya”文件是LayaAirIDE的UI项目配置文件。

 

2.4 项目库目录(libs)

    “libs”目录内为项目的库目录,用于存放项目使用的库文件。

   “libs/laya/src”目录内存放LayaAir引擎库文件。


2.5 项目的AS3代码目录(src)

    项目中的用到的AS3代码文件(.as文件)默认将存放在 src 目录。

2.6 项目配置文件(项目名.laya)

    项目名.laya 是项目配置文件,文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。

    例如:

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


2.7 FlashDevelop项目配置文件(项目名.as3proj

    项目名.as3proj文件是FlashDevelop项目的配置文件。使用 FlashDevelop 编辑器开发AS3项目时,可以通过打开资源管理器,然后在目录中双击此文件用FlashDevelop 打开此项目。

blob.png

或者先打开FlashDevelop工具,然后在菜单栏通过“文件”->“打开”找到项目名.as3proj所在的目录打开此项目。

blob.png


2.8 FlashBuilder 项目配置文件

    .settings文件夹、.actionScriptProperties文件和.project文件 是Flash Builder 项目的配置文件。使用 FlashBuilder 编辑器时,可以通过菜单栏“文件”->“导入Flash Builder项目”来导入LayaAirIDE创建的AS3项目。

 blob.png