Layabox 2 使用其它编辑器开发layabox2d

由于我习惯了使用webstorm进行代码的编写，所以尝试使用webstorm进行环境搭建一下layabox。
此开发环境是我通过webpack和layabox来实现的一个示例搭建。官方也有引擎代码下载，但是下载下来以后没有查到相应的使用教程，无法进行配置。接着，我就通过创建一个新项目，将新项目文件夹内的bin文件夹转移过来，来实现的效果。
这种实现方式有可能不是很好，但是绝对可用，而且还有代码提示，webstorm作为专业js开发工具，如果你是使用js学习layabox，可以尝试使用我的写的工具尝试。

接下来先做准备工作：
首先这个环境是我在我之前通过webpack配置的es6开发环境的基础上修改出来的。js-cli地址：
https://github.com/johnson2heng/js-cli
这个webpack的环境优势在于开发环境阶段只要代码保存，页面会自动刷新。支持css引用小文件打包，支持代码压缩等一些小功能。

然后，你需要创建一个空的layabox2d项目，然后将libs（代码提示文件夹）复制到个人项目的根目录，这样环境将会获得代码提示功能。
接着，我们将bin文件夹内有用的文件复制出来，分别是一个bin/libs文件夹和index.html，index.js。layabox生成的bin里面的index.html里面自动引入了index.js文件，而index.js文件内，又引入了四个文件，分别是三个layabox引擎的源码和一个js/bundle.js文件，这个bundle.js文件将作为我们的个人业务的混淆的代码文件（通过个人的源码生成这个文件）。

大体思路是这样的，如果需要测试，可以直接去github上拉代码：
https://github.com/johnson2heng/layabox-cli