• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

Cocos Creator TypeScript断点调试

原作者: [db:作者] 来自: [db:来源] 收藏 邀请


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


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


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
TypeScript泛型发布时间:2022-07-18
下一篇:
Angularjs2——TypeScript学习网站发布时间:2022-07-18
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap