JavaScript強化教程 —— Cocos2d-JS極速調試技巧

本文爲 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

以後每次調試都按一下快捷鍵就好,無論我們在哪裏都能秒開調試項目。

趕緊開始嘗試吧。

點擊進入JS強化教程

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