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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章