一、准备工作

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 按钮完成配置

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

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

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