本文爲 H5EDU 機構官方 HTML5培訓 教程,主要介紹:JavaScript強化教程 —— Cocos2d-JS極速調試技巧
本文教大家一個調試Cocos2d-JS的小技巧,我都是這麼用的,特意來告訴大家這個輕量快速的調試技巧。 1.首先我們需要安裝官方的cocos引擎,沒錯,銀色圖標那個qq1.png,全名有且僅有"Cocos"那個(很多人都搞錯)。安裝完進入安裝目錄E:\DevelopTools\cocos\Cocos\cocos-simulator-bin\win32,記得這裏有個Simulator.exeqq2.png,所以我們要把這個目錄路徑添加到系統環境變量path中。 qq3.png 添加完就可以在命令行用Simulator.exe打開模擬器了,方便吧。如果打不開就重新打開命令行窗口,再不行就註銷或者重啓。 1437016091479310.png 2.在cocos商店下載安裝cocos Framwork 3.6,有了這個就可以新建工程了 qq5.png 準備工作完成了。進入正題。 cmd輸入cocos new -l js TestJs -d E:\來新建項目。 qq6.png 進入項目目錄,新建debug.bat文件,記事本打開,內容如下: 1437016185135960.png Simulator -workdir E:\TestJs qq8.png 雙擊debug.bat文件運行,是不是運行了?很快,還能F5刷新,而且帶了一個命令行窗口,我們log日誌就輸出在這個命令窗口。 1437016415466008.png 我們接下來試試log輸出。 我們在main.js的cc.game.onStart函數的最開頭加入 1 cc.log('test debug skill'); qw1.png 運行,在小黑窗上真的有輸出了。 qw2.png 再修改log代碼 qw3.png F5一下,小黑窗又重新打開了(log日誌清空了)。 qw4.png 錯誤和警告也是出現在這裏的哦。 重要的是,F5和打開都是這麼的迅速,就1秒不到的事兒。喝茶的時間都沒啦。 最後把我們的debug.bat發送快捷方式到桌面。屬性裏面設置一下快捷鍵。 qw6.png 以後每次調試都按一下快捷鍵就好,無論我們在哪裏都能秒開調試項目。 趕緊開始嘗試吧。