创建TS项目并详解目录结构(2)

2.1.2.laya/tasks.json 文件说明tasks.json里保存了TS编译器相关的一些配置信息，关于参数的含义可以到TypeScript官网进行查询。

2.2 项目的输出目录（bin） ​bin目录下存放的就是当前项目的输出文件。

​ bin/index.html是项目的入口文件，所有的LayaAir引擎类库或者是第三方类库的JS都需要在这里引入。

​Tips：index.html里的script注释注明了每个类库的相关功能，开发者可以根据项目需要来删减类库的引用，点击项目发布按钮会对index.html里的js文件进行压缩，用以减少网络传输。如果引用第三方类库，必须要在引用LayaAir引擎类库之前。

​ bin/js 文件夹下存放的是项目中的TypeScript 文件编译成的js 文件。

​ bin/libs 文件夹存放的是 LayaAir 引擎各模块的JS 文件，如图4所示，在项目中需要使用哪个模块就需要在index.html 引入对应的 模块包JS文件。

（图4）

这里我们顺便介绍一下LayaAir引擎模块主要的几个部分：

loadbitmaps 从应用的资源文件中加载一个或多个命名的位图初始化对象，并把位图加到对象上。autoload 把对话框中的一个按钮与一个cbitmapbutton对象联系上，加载位图并调整按钮的大小以放下位图。这个bitmap(位图)对象用来存储将要被分析的位图数据，sparsearray数组用来存储在图像中发现的人脸信息。基于麻点图的poi检索交互，采用服务端生成的栅格图与utfgrid，在客户端加载渲染并实现对于poi的动态交互，从而保证大数据量的poi检索交互不再缓慢。

laya.webgl.js封装了webgl渲染管线，如果使用webgl渲染，可以在初始化时调用Laya.init(1136,640,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”目录用于存放LayaAirIDE当前的UI项目。

（图5）

​ “laya/assets” 目录用来存放UI页面、粒子等组件所需的图片资源。

​ “laya/pages”目录用来存放LayaAirIDE创建页面布局生成的文件。

​ “laya/.laya”文件是LayaAirIDE的UI项目配置文件。

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

2.5 项目代码目录（src） ​ 项目代码文件默认将存放在 src目录。ts 文件解析

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

{'proName':'studyTS','version':'1.5.4','proType':1} ​tsconfig.json文件是ts工程的配置文件，勿删。

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-94681-2.html