工要做的好，必先利于器
创建一个laya项目
略（如果截图需要很大的界面，本人默认你们知道怎么新建。）
目录结构
创建完成之后，可以看到以下的目录：
image.png
解读目录结构：
1: 项目配置文件（.laya文件夹）
.laya 文件夹下存放的是项目在开发运行中的一些配置信息。
.laya/launch.json文件保存了项目调试的一些配置信息,分别是LayaAirIDE的调试配置和chrome浏览器调试配置。不要轻易去改动，改错后会影响项目的调试。
launch.json重要属性说明
"name": "layaAir"表示用LayaAirIDE内置的调试方式。
"name": "chrome调试"表示用chrome浏览器调试。
"file": "${workspaceRoot}/bin/index.html"表示项目运行启动的入口文件路径。
"runtimeExecutable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",表示chrome浏览器的路径，开发者根据自己的需要来设置这个路径。
"userDataDir": "${tmpdir}" 表示chrome调试缓存的临时目录，默认为用户的临时目录，开发者可以更改设置，例如将缓存设置为当前项目根目录下的cache目录："userDataDir": "${workspaceRoot}/cache"
.laya/tasks.json里保存了TS编译器相关的一些配置信息，关于参数的含义可以到TypeScript官网进行查询
2: 项目的输出目录（bin）
bin目录下存放的就是当前项目的输出文件
bin/index.html是项目的入口文件，所有的LayaAir引擎类库或者是第三方类库的JS都需要在这里引入。(可以对没用到的进行删除)
bin/js 文件夹下存放的是项目中的TypeScript 文件编译成的js 文件。
bin/libs 文件夹存放的是 LayaAir 引擎各模块的JS 文件，如图4所示，在项目中需要使用哪个模块就需要在 index.html 引入对应的 模块包JS文件。
这里简单介绍下：
| 包 | 描述 |
|---|---|
laya.core.js |
核心包，封装了显示对象渲染，事件，时间管理，时间轴动画，缓动，消息交互，socket，本地存储，鼠标触摸，声音，加载，颜色滤镜，位图字体等。 |
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解析支持。 |
3: UI项目目录（laya）
laya目录用于存放LayaAirIDE当前的UI项目。
laya/assets 目录用来存放UI页面、粒子等组件所需的图片资源。
laya/pages目录用来存放LayaAirIDE创建页面布局生成的文件。
laya/.laya文件是LayaAirIDE的UI项目配置文件。
4: .d.ts代码提供文件目录（libs）
libs目录下是layaAir引擎LayaAir.d.ts文件。用来代码提示，开发者假如有三方的类库使用，相关的.d.ts文件请放到这个目录下。
5: 项目代码目录（src）
项目代码文件默认将存放在 src 目录。
6: 项目配置文件
项目名.laya 是项目配置文件，文件内记录了当前项目的项目名称、使用的类库版本号和项目类型。
{"proName":"studyTS","version":"1.5.4","proType":1}
tsconfig.json文件是ts工程的配置文件，勿删。
结语
具体情况如上，但是我们最重要的就是src文件了，根据之后显示图片的代码来看，我们可以将图片的存放新建一个res文件夹，然后存放在src文件夹中。
网友评论