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

发布了402 篇原创文章 · 获赞 544 · 访问量 212万+

猜你喜欢

转载自blog.csdn.net/qq_30100043/article/details/99617718