laya入门，这一篇应该够了

简述

LayaAir 是基于HTML5开源引擎，所开发的游戏既可以网页运行，也可以打包Android & ios app运行，目前更到1.7.19.1 beta版本，本次使用1.7.18稳定版。 本文介绍laya的下载安装，项目创建，目录结构，环境配置与es6+的支持，及具体开发知识，网页端发布等等方面。

下载安装

官网传送门：www.layabox.com

进入首页看到如下两个下载按钮：

此刻就让人有点懵逼了，layaAir Engine可以理解为引擎内核（源码），IDE就是集成开发工具了，直接下载IDE就好，因为下载下来的已经集成对应版本的源码包了（你会发现，每一个版本的源码都有对应版本的IDE。截止目前更到1.7.19.1 beta版本，为了稳定还是使用1.7.18版本。如下（对，你没看错，蓝色那个，点...点...点它：

下载完成之后是一个zip压缩包，不用安装的，直接解压到你想放的位置，完事儿之后就可以使用了：

就是他了（.exe文件，双击吧，看到如下界面你就完成第一步了！

项目创建与目录结构

点击新建项目，弹出如下框：

选择默认的UI示例项目，类型选择JavaScript项目，如果你会as或者ts也可以选它，然后点击创建，创建完成进入代码模式，简单标注了一下：

接下来什么将调试器选择chrome调试，点击三角按钮或者按f5运行，你会看到如下一个巨丑的页面弹出来emmmm（真的很丑，但是只要正常看到，这一步就算完成了）。

接下来是目录结构，传送门：https://ldc.layabox.com/doc/?nav=zh-js-1-0-0，不过这个里面说的hin多hin杂，在这里简单说重点：

项目运行配置文件（.laya文件夹）。

1. launch.json，当你将项目移动或拷贝到别处的时候需要修改，什么路径统统要改。
2. 如果你用chrome运行项目，会有一个chrome文件夹，不用管他，垃圾东西。

项目的输出目录（bin文件夹）。项目编译后的东西都在里面，什么动画，图集，你的源码等等，最后项目发布也是从这个目录发布

1. lib，全是引擎的源码包，不用的可以删除
2. res，资源文件，图片图集，音频文件都可以在里面
3. index.html，点进去看看，里面说的很清楚了

UI项目目录（laya）。其实这些都看自己的喜好，没有规定的话，只要合理爱咋咋地吧。

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

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

代码提供文件目录（libs），不用管他。

项目代码目录（src）。

    这个就比较牛逼了，全是你的代码，不过后面我们不在里面开发。

目录结构也介绍完了，这一节大概就是这些，下一节讲解配置我们真正的而开发环境。

环境配置

既然是属于h5前端开发，