首页 > 其他分享 >Cocos Creator 如何调试代码?

Cocos Creator 如何调试代码?

时间:2024-11-10 19:57:27浏览次数:1  
标签:Cocos Code 浏览器 Creator VS 调试

一、方式

  调试代码两种方式:

  1.  在VS code中调试
  2.  在浏览器中调试

二、调试一:VS Code中

  • Chrome浏览器
    1. 打开VS Code中的插件下载Debugger for Chrome/JavaScript Debugger
    2. 打开Cocos Creator点击菜单中的开发者选项 选择Visual Studio Code 工作流 -> 添加Chrome debug配置,
      • 此时VS Code中我们的代码目录中会出现一个.vscode文件夹,其中会创建一个launch.json其中配置的就是运行的浏览器
    3. 打开VS Code菜单中的终端(Terminal)-> 运行任务(Run Task)-》选择Cocos Creator compiler
      • 此时VS Code我们的代码目录中.vscode文件夹,会创建一个tasks.json其中配置的就是Cocos Creator编译信息
    4. 打开需要调试的脚本文件,打上断点,F5运行调试
  • Edge浏览器-与上面大部分相似
    1. 打开VS Code中的插件下载Microsoft Edge Tools for VS Code
    2. 打开Cocos Creator点击菜单中的开发者选项 选择Visual Studio Code 工作流 -> 添加Chrome debug配置
      • 此时VS Code中我们的代码目录中会出现一个.vscode文件夹,其中会创建一个launch.json其中配置的就是运行的浏览器
      打开VS Code中的左侧菜单选择初始化Launch Edge Tools
      •  

      •  

      •  

      •  

      •  

      • 记得保存
    3. 打开VS Code菜单中的终端(Terminal)-> 运行任务(Run Task)-》选择Cocos Creator compiler
      • 此时VS Code我们的代码目录中.vscode文件夹,会创建一个tasks.json其中配置的就是Cocos Creator编译信息
    4. 打开需要调试的脚本文件,打上断点,F5运行调试

三、调试二:浏览器中(无论什么浏览器)

  1. 不需要VS Code安装任何东西,调试放到了浏览器端
  2. 开启默认浏览器的开发者工具,一般按F12这个键就可以出来了
  3. 知道你要调试的脚本名称例如:Bg
  4. 运行你的游戏,在打开的浏览器中按F12打开开发者工具,选择source(源代码)这个下,按下Ctrl+P搜索你的脚本名称Bg
  5. 会打开这个脚本文件,直接在里面左边点击断点就可以了。

 

好了,恭喜你游戏开发者,你的第一步已经实现,愿你创造美好的游戏。

 

标签:Cocos,Code,浏览器,Creator,VS,调试
From: https://www.cnblogs.com/woaixingxing/p/18538386

相关文章

  • DAY109代码审计-PHP模型开发篇&动态调试&反序列化&变量覆盖&TP框架&原生POP链
    知识点1、PHP审计-动态调试-变量覆盖2、PHP审计-动态调试-原生反序列化3、PHP审计-动态调试-框架反序列化PHP常见漏洞关键字SQL注入:selectinsertupdate deletemysql_querymysqli等文件上传:$_FILES,type="file",上传,move_uploaded_file()等XSS跨站:printprint_r......
  • 白骑士的JavaScript教学高级篇之错误处理与调试 4.4.1 错误的类型与处理(try, catch, t
            在JavaScript开发中,错误处理与调试是编写健壮代码的重要组成部分。了解如何有效地捕获和处理错误可以提高应用的稳定性和用户体验。JavaScript提供了几种机制来处理错误,包括‘try‘,‘catch‘,‘throw‘,和‘finally‘。下面将详细介绍这些机制以及它们的......
  • 基于Springboot的旅游信息推荐系统的设计与实现(源码+LW+讲解和调试)
     目录:博主介绍:  完整视频演示:系统技术介绍:后端Java介绍前端框架Vue介绍具体功能截图:部分代码参考:  Mysql表设计参考:项目测试:项目论文:​为什么选择我:源码获取:博主介绍:  ......
  • SpringBoot信息工程学院学生社团一站是式管理平台c5wdb程序+源码+数据库+调试部署+开
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容一、研究背景与意义在信息工程学院,学生社团作为校园文化的重要组成部分,不仅丰富了学生的课余生活,还促进了学生综合素质的提升和专业技能的拓展。然......
  • 驱动开发系列27 - Linux Kernel 内核调试环境配置
    目录一:概述二:名词解释      1.什么是busybox?它有什么作用?内核调试为什么需要它?     2.什么是initramfs?它有什么作用?它是怎么制作出来的?      3.什么是qemu?它有什么作用?它是怎么安装的?     4.kernel(内核)如何下载与编......
  • pdb和gdb的双剑合璧,在python中调试c代码
    左手编程,右手年华。大家好,我是一点,关注我,带你走入编程的世界。公众号:一点sir,关注领取python编程资料问题背景正常情况下,调试python代码用pdb,调试c代码用gdb,而有些python模块是用c语言来实现的,在python中调用了这个c语言实现的模块,而入口又在python这边,那么单独使用pdb或者gdb......
  • 基于SpringBoot+Vue的巨会玩剧本杀服务平台管理系统(源码+LW+调试文档+讲解)
    项目简介基于SpringBoot+Vue的巨会玩剧本杀服务平台管理系统是专为剧本杀行业打造的高效管理系统。对于玩家而言,可在平台浏览丰富的剧本信息,包括剧本类型(如悬疑、古风、情感等)、难度级别、人数要求、时长等。玩家能在线预订场次、选择喜欢的DM(主持人),还可查看评价。......
  • 基于SpringBoot+Vue的就医信息管理系统(源码+LW+调试文档+讲解)
    项目简介基于SpringBoot+Vue的就医信息管理系统为就医流程和医院管理带来便利。患者可预约挂号,查看科室与医生信息、排班情况并在线支付挂号费,就医时能查询检查检验结果,病历也能存储和查询。医院工作人员通过该系统管理患者信息、医生排班和科室资源,实现诊疗流程电子......
  • 基于SpringBoot+Vue的旧时光咖啡厅管理系统(源码+LW+调试文档+讲解)
    项目简介基于SpringBoot+Vue的旧时光咖啡厅管理系统是专为咖啡厅运营打造的高效管理工具。对于咖啡厅员工,系统可用于管理桌位信息,实时查看空闲与已占用桌位,方便为顾客安排就座。能处理点餐流程,记录顾客所点饮品、食物信息并传至厨房和吧台。同时,支持收银功能,计算订......
  • 基于SpringBoot+Vue的酒店预定系统(源码+LW+调试文档+讲解)
    项目简介基于SpringBoot+Vue的酒店预订系统是一个功能全面的应用。用户可通过系统搜索酒店,查看酒店的详细信息,包括不同房型(如单人房、双人房、家庭房等)的介绍、价格范围、配备的设施(像电视、空调、独立卫浴等)以及酒店周边的餐饮、娱乐、交通情况。用户能自由选择入......