- 浏览: 24223 次
最新评论
本文为 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
以后每次调试都按一下快捷键就好,无论我们在哪里都能秒开调试项目。
赶紧开始尝试吧。
本文教大家一个调试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强化教程 —— 对象创建模式
2016-10-09 17:12 613本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
AngularJs 基础教程 —— 依赖注入
2016-09-28 17:10 553本文为 H5EDU 机构官方 HT ... -
AngularJs 基础教程 —— Select(选择框)
2016-09-23 17:14 739本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
AngularJs 基础教程 —— 控制器
2016-09-21 17:22 500本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
AngularJs 基础教程 —— 简介(10)
2016-09-14 17:41 450本文为 H5EDU 机构官方 HT ... -
AngularJs 基础教程 —— 与php服务器
2016-09-12 17:49 1204本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程 —— Cocos2d-JS自动JSB绑定规则修改
2016-09-09 18:08 1099本文为 H5EDU 机构官方 HT ... -
JavaScript强化教程 —— 资源打包工具的使用及资源的异步加载处理
2016-09-08 17:45 670本文为 HTML5培训 机构官方 HTML5培训 教程,主要介 ... -
JavaScript强化教程 —— Cocos2d-JS游戏快速接入微信JS-SDK
2016-09-02 16:07 947本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程—— 内置粒子系统
2016-08-29 16:00 681本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程——JavaScript Math(算数) 对象
2016-08-26 16:33 469本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程 —— Cocos2d-JS的屏幕适配方案
2016-08-25 16:25 1119本文为 H5EDU 机构官方 HT ... -
JavaScript强化教程 -- cocosjs场景切换
2016-08-24 16:11 1291本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
CSS基础教程 -- 媒体查询屏幕适配
2016-08-22 15:15 1022本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JQuery强化教程 —— jQuery Easing
2016-08-18 14:54 741本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
fullPage教程 -- 整屏滚动效果插件 fullpage详解
2016-08-17 15:21 781本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程——获取内容和属性
2016-08-15 15:35 409本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
JavaScript强化教程——jQuery 动画2
2016-08-12 14:12 564本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
bootstrap教程(二) —— 列表组listgroup
2016-08-11 14:46 562本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ... -
bootstrap教程(二)——导航条
2016-08-08 16:22 481本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍: ...
相关推荐
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
源代码——Cocos2d-x高级开发教程源代码——Cocos2d-x高级开发教程源代码——Cocos2d-x高级开发教程源代码——Cocos2d-x高级开发教程
iOS游戏应用源代码——cocos2d-cocos2d-iphone-extensions.zip
iOS游戏应用源代码——cocos2d-cocos2d-iphone-Release.zip
iOS游戏应用源代码——cocos2d-CleverBumblebee-d9b2612.zip
iOS游戏应用源代码——cocos2d-andrew0-cocoshop.zip
Cocos2d-x实战 JS卷 Cocos2d-JS开发 PDF 电子书完整版本
除了基础的Cocos2d-JS使用方法,本书还会探讨如何调试发布原生手机游戏和另外一些高级话题。 《Cocos2d-JS开发之旅——从HTML 5到原生手机游戏》适合所有对2D 游戏开发感兴趣的人群,尤其是计算机专业学生、Flash/...
Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版 以及Cocos2d-js项目教程 pdf文档
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
Cocos2d-JS开发之旅 从HTML 5到原生手机游戏 PDF 带书签目录 完整版
cocos2d-x-2.1.5
该书作者是《保卫萝卜》核心开发人员,该书手把手教会大家如何使用Cocos2d-js开发一款《保卫萝卜》手游,cocos2d创始人 王哲 亲自为本书作序!是一部非常优秀的开发书籍!
Cocos2d-JS---demo 放在服务器上就可以直接预览了,本地打开是黑屏,Cocos2d-JS的方法及效果的演示
Cocos2d-x高级开发教程源代码 ├─《实战演练》代码 │ ├─OS X项目 │ │ ├─FishingJoy_Final │ │ ├─FishingJoy_FirstIteration │ │ ├─FishingJoy_SecondIteration │ │ └─FishingJoy_ThirdIteration...
经典版本 方便下载 源码 旧版本 3.8 官网找不到了 cocos2d-x-3.8.zip
最新版的cocos2d-x实战 lua卷,分享给大家
Cocos2d-JS开发之旅 从HTML5到原生手机游戏随书资源源码
在使用cocos2d-x开发游戏的过程中,为了实现逻辑和显示相分离。 在下通宵了一个晚上,写出了该事件类。 谨记,该事件只能用于cocos2d-x中。 事件发送者需要继承EventDispatcher类 事件接收者需要继承EventHandle类...
Cocos2d-x实战