Cocos Creator TypeScript断点调试

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/lxt610/article/details/91128045


1、引言

  作为一个程序员,在写代码的时候有断点调试是很方便的!出了问题便于查找,相信每个程序员都是极其方便的!这里分享一下Cocos creator typescript的断点调试方法!

2、配置

  开始之前请确保您已安装了cocoscreator ,chrome浏览器,visual code 这三个软件!此时打开creator 打开一个示例工程或者自建一个hello world项目。

2.1、配置VsCode环境

  这里可以参考官方配置方法,点此查看具体配置方法

2.2、VsCode安装插件(Debugger for chrome)

  打开vsCode,点击十字回形按钮,如图所示,在搜索框中直接填入Debugger for chrome,然后点击安装。在这里插入图片描述

2.3、设置Creator的脚本编辑器

  在creator 里面双击HelloWorld.js 项目目录会被visual vode打开(creator 编辑器 文件->设置->数据编辑->外部脚本编辑器需要配置成visual code),这里的vsCode是你的安装路径的Code.exe。
我的目录如图所示:在这里插入图片描述

2.4、VsCode配置设置

  点击visual code 左边侧边栏上有个虫子被圈住的那个按钮,然后点齿轮按钮,如图所示:在这里插入图片描述
  这时候右边会出现几个选项,选择chrome,此时会生成一个launch.json文件,如图所示:
在这里插入图片描述
  这时,进入creator 编辑器完成配置操作 开发者->VS code 工作流->添加 Chrome Debug 配置 ,上面的launch.json文件内容会被修改为下面的样子:
在这里插入图片描述

2.5、效果展示

  到这里我们已经配置完成了!此时保持creator 编辑器打开,在visual code 里面 下个断点,按下F5运行项目,这样启动界面就卡住进入断点了(修改了代码运行之前记得先编译)。
在这里插入图片描述

3、结束语


The End
  好了,今天的分享就到这里,如有不足之处,还望大家及时指正,随时欢迎探讨交流!!!


喜欢的朋友们,请帮顶、点赞、评论!您的肯定是我写作的不竭动力!

猜你喜欢

转载自blog.csdn.net/lxt610/article/details/91128045