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

以后每次调试都按一下快捷键就好,无论我们在哪里都能秒开调试项目。

赶紧开始尝试吧。

你可能感兴趣的:(javascript,html5)