Cocos Creator TypeScript断点调试

---

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
  好了，今天的分享就到这里，如有不足之处，还望大家及时指正，随时欢迎探讨交流！！！

---

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