【从0开始学Laya】2-工程目录结构

上一节，我们完成了开发环境的配置，这时候，我们肯定有疑问，laya到底是怎样一步一步将图像渲染在屏幕上，工程目录下那些文件又都表示些啥，执行顺序又是怎样的？带着这些疑问我们进入这一节的学习，以官方2D模板为例

窗口组成

再来看一下目录文件夹

目录文件夹

1. 项目配置文件（.laya文件夹）
   .laya 文件夹下存放的是laya系统运行库以及第三方平台库，如支付宝小游戏，微信小游戏，百度小游戏等编译后的js文件。

2. vscode/launch.json文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。可以根据自己项目需要修改。

3. 项目的输出目录（bin）
   bin目录下存放的就是当前项目的输出文件
   bin/index.html是项目的入口文件，所有的LayaAir引擎类库或者是第三方类库的JS都需要在这里引入。(可以对没用到的进行删除)
   bin/js 文件夹下存放的是项目中的TypeScript 文件编译成的js 文件。
   bin/libs 文件夹存放的是 LayaAir 引擎各模块的JS 文件，如图4所示，在项目中需要使用哪个模块就需要在 index.html 引入对应的 模块包JS文件。

4. UI项目目录（laya）--
   laya目录用于存放LayaAirIDE当前的UI项目。
   laya/assets 目录用来存放UI页面、粒子等组件所需的图片资源。
   laya/pages目录用来存放LayaAirIDE创建页面布局生成的文件。
   laya/.laya文件是LayaAirIDE的UI项目配置文件。

5. .d.ts代码提供文件目录（libs）
   libs目录下是layaAir引擎LayaAir.d.ts文件。用来代码提示，开发者假如有三方的类库使用，相关的.d.ts文件请放到这个目录下。

6. 项目代码目录（src）--
   项目代码文件默认将存放在 src 目录。

7. 项目配置文件
   项目名.laya 是项目配置文件，文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。
   {"proName":"myLaya4","engineType":0,"proType":1,"layaProType":1,"version":"2.1.0"}
   tsconfig.json文件是ts工程的配置文件，勿删。