TypeScript 项目目录结构

TypeScript 教程

结合上一节中创建的项目结构来介绍每个目录的作用。

------------

####1 项目配置目录（.laya文件夹）
`.laya` 文件夹下存放的是项目在开发运行中的一些配置信息，如图4所示。

![图片alt](/static/img/1585474010516215900.png ''图片title'')

1. compile.js 文件介绍
compile.js 是gulp自定义编译流程的脚本文件，如果开发者对gulp比较熟悉的可以修改，否则不要动这里。

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

3. publish.js文件介绍
publish.js是gulp针对项目发布的脚本文件，开发者不要动这里。

4. 其它说明
还有一些配置文件默认没有，但是发布的时候也会保存到.laya目录。比如web版、微信、百度等小游戏，发布后会对应每个不同的类型存生不同的json配置文件，比如wxgame.json是微信小游戏发布配置文件，bdgame.json是百度小游戏发布配置文件。
老版本的发布配置文件名为pubset.json。
以上这些大家有一些了解即可，通常情况下，开发者无需进行修改。所以，不必去深入理解。

------------

####2 项目的输出目录（bin）
bin目录存放的是当前项目的输出文件。如图所示。

![图片alt](/static/img/1585474075024905600.png ''图片title'')

该目录用于存放项目中输出的js 、HTML、游戏资源等项目运行文件，以及小游戏项目文件（如果创建项目时勾选了小游戏快速调试选项时）。
默认layaAir调试或者chrome调试的时候，就是运行的该目录下的文件。

------------

####3 UI项目目录（laya）
laya目录用于存放LayaAirIDE当前的UI项目。

![图片alt](/static/img/1585474085228489200.png ''图片title'')

`assets` 目录
用来存放UI场景中所需的组件图片、音频文件等资源。
`pages`目录
用来存放IDE中的场景、动画、预设等配置文件。
`.laya`文件
注意这个.laya是文件而不是目录，.laya文件是LayaAirIDE的UI项目配置文件。

------------

####4 项目库目录（libs）
“libs”目录内为项目的库目录，目录下是layaAir引擎LayaAir.d.ts文件和wx.d.ts。用来代码提示，开发者假如有三方的类库使用，相关的.d.ts文件请放到这个目录下。 例如wx.d.ts用于微信小游戏开发代码提示。如图7所示。

![图片alt](/static/img/1585474093356954100.png ''图片title'')

------------

####5 项目的源代码目录（src）
项目中的用到的源代码文件（TS语言项目是.ts文件），默认都存放在 src 目录下。
需要特别说一下的是ui目录，这里属于IDE自动生成的，开发者不要改动这里，改了也会被下次导出替换。所以该目录中不要存放自己的代码，也不要修改已有代码。
其它的开发者依据实际需要自行规划目录结构即可。示例代码的源代码项目结构如图8所示。

![图片alt](/static/img/1585474100150342700.png ''图片title'')

------------

####6 项目配置文件
![图片alt](/static/img/1585474106496705700.png ''图片title'')

项目名.laya
图中的`TS_2D_DEMO_190218.laya`是LayaAirIDE项目的工程配置文件，文件内记录了当前项目的项目名称、使用的类库版本号等。
例如：
```json
{
	"proName":"TS_2D_DEMO_190218",
	"engineType":1,
	"proType":1,
	"layaProType":1,
	"version":"2.0.0"
}
```

语言版本config.json
图中的tsconfig.json存放着IDE的编译配置信息，勿删。

------------

####7 发布目录
发布目录默认是不存在的，需要点击发布按钮，发布项目后才会生成对应的版本目录，如图10所示。（有专门的发布功能文档介绍，这里不细讲）

![图片alt](/static/img/1585474114216147200.png ''图片title'')

如图所示的目录结构，就是对应的发布后版本目录。