怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试

一、准备工作

1、创建一个 cocos2d-js 的工程(比如 cocos new HelloWorld -l js)

2、WebStorm

3、Chrome 浏览器和 JetBrains IDE Support 2.0.9 插件(需要自己导入,这里不展开)


二、开始调试

1、打开 WebStorm,然后 File -> Open 打开自己的 cocos2d-js 项目

2、Run -> Edit Configurations...

3、然后看下图配置,最后点击 OK 按钮完成配置

怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试


怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试

4、运行调试,看下图,点击绿色的小虫子会打开 Chrome 运行项目,此时点击 Chrome 浏览器并按 F12 可以进入调试界面,说到这里,怎么下断点、逐条运行之类的操作可以自己摸索了。

怎么用 cocos2d-js WebStorm chrome JetBrains IDE Support 调试

5、如果在调试过程中遇到一些莫名其妙的错误,可以试试清空 Chrome 的缓存。


最后,大家有什么不明白的地方可以留言提问,我有空会回答并且补全文章。

问题一、解决WebStorm使用Chrome调试时无法连接的问题 http://www.cnblogs.com/zhongpan/archive/2013/06/06/3122676.html