分享：在webstorm和vscode中调试 creator1.3/1.4

Creator 2.x
#1

在遇到不少朋友和公司喜欢使用 webstorm或 vscode 做 creator 的开发，但在开发调试上效率低下，常见的方式莫外呼打日志和在浏览器的 devtool 中调试。

creator工程不像 cocos2d-js 那样有明确的启动入口，但根据 chrome 强大的开发能力，相信是可以的，只是没有找到方法，经过多次尝试都未成功，这个问题一直让自己耿耿于怀。直到creator1.4的出现，提供了直接在 vscode 上的调试让我兴奋不已。根据creator1.4的vscode 的调试配置的启发，终于找到了在 webstorm与vscode中直接调试 creator 的方法，并且测试了1.3和1.4版本，他们稍有不同，而1.4更加的简单，这也让我看到 creator 开发团队的真心诚意，在让 creator 一点点的做的更好。

我已将调试方法录制成视频方便大家观看：
##在webstorm中调试cocoscreator
http://v.youku.com/v_show/id_XMjUxMTg2NjQ4NA==.html?f=29480983&o=1&spm=a2h1n.8251843.playList.5~5~A#paction

完整播单通过下面链接进入：
探索cocos H5的开发工具

在此之前还制作过一个探索 cocos 开发的视频
探索Cocos H5正确的开发姿势

不断追求极致的开发体验，享受编程的快乐，不为失败找借口，只为成功找方法。

粘贴的图像758×358 43 KB

如果我的经验和方法对大家有所帮助，欢迎订阅。

7赞
#2

蛮吊的。。。

#3

不懂帮顶，看起来很屌的样子:grin:

#4

是啊，难得有人能肯定我们的进步，我们确实一直在不断完善引擎运行时…… 修复 bug，缩减包体，优化性能…… 每个版本都加入了很多激动人心的优化。很多人对 cocos 品牌抱有成见，认为我们更新缓慢，他们只是不知道 creator 一直在迎头赶上。

6赞
#5

creator 在开发理念上比 cocos2d-x 系列要先进很多，非常看好！

#6

赞一个 ~~~

#7

mark 一下

#8

加油加油，我们正在用Creator开发大型的MMO，因为看到Creator可以直接网页，手机原生，和H5并行。所以我们坚定地选择了Creator。
我相信你们会做得更好的。我们也通过自己的实践，多多给你们提供反馈，最终使Creator变得更强大，更能胜任2DMMO。

1赞
#9

Intellij typescript工程怎么调试

#10

Webstorm可以直接调试TypeScript，与调试js没有什么差别

第一步，打开debug设置界面

image.png3360×1640 1.44 MB

第二步，选择一个debug配置模版，这里选择JavaScript Debug，选择后在右边设置好Creator预览URL地址

image.png2924×1912 1.09 MB

第三步，点击顶部的小虫子会自动启动Chrome打开URL，提前设置好断点就会自动断下来了

image.png1920×1407 1020 KB

3赞
#11

靠谱的奎特星人

#12

mark!

#13

3.7.2不好用了，大家有使用成功的吗？

#14

WebStorm 正常啊

image
image1106×634 67.3 KB

#15

使用版本 cocos creator 2.4.12
Debug 调试 Chrome 打开显示 about:blank 要加个命令 --remote-allow-origins=*
QQ截图20231212191309