Cocos Creator 如何调试代码？

news/2024/11/14 13:46:52/文章来源:https://www.cnblogs.com/woaixingxing/p/18538386

一、方式

　　调试代码两种方式：

  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. 会打开这个脚本文件，直接在里面左边点击断点就可以了。

 

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

 

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/830781.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

旋转矢量合成，两个圆圈

旋转矢量合成，两个圆圈

import numpy as np import matplotlib.pyplot as plt from matplotlib.patches import Circle, FancyArrowPatch from matplotlib.animation import FuncAnimation# 创建一个新图和两个坐标轴 fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 6))# 设置坐标轴的等比例，确…
阅读更多...
华三配置mstp

华三配置mstp

S1配置 stp mode mstp stp region-configuration region-name a revision-level 1 instance 1 vlan 10 instance 2 vlan 20 active region-configuration qu stp instance 1 root primary stp instance 2 root secondary stp global enable === S2配置 stp region-configuratio…
阅读更多...
2024-2025-1 20241411 《计算机基础与程序设计》第七周学习总结

2024-2025-1 20241411 《计算机基础与程序设计》第七周学习总结

作业信息这个作业属于哪个课程 https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP/这个作业要求在哪里 https://www.cnblogs.com/rocedu/p/9577842.html#WEEK07这个作业的目标 数组与链表、基于数组和基于链表实现数据结构、无序表与有序表、树、图、子程序与参数作业正文…
阅读更多...
并查集+最小生成树 学习笔记

并查集+最小生成树 学习笔记

图论系列： 前言： 咲いた野の花よ ああどうか教えておくれ 人は何故傷つけあって 争うのでしょう 相关题单： 题单1 题单2 题单3 题单4 一.并查集 1.基础定义与操作 （1）定义 并查集是一种用于管理元素所属集合的数据结构，实现为一个森林，其中每棵树表示一个集合，树中的节…
阅读更多...
三相电合成旋转矢量-动态图

三相电合成旋转矢量-动态图

import numpy as np import matplotlib.pyplot as plt from matplotlib.patches import Circle, FancyArrowPatch from matplotlib.animation import FuncAnimation# 创建一个新图和两个坐标轴 fig, (ax1, ax2) = plt.subplots(1, 2, figsize=(12, 6))# 设置坐标轴的等比例，确…
阅读更多...
接雨水

接雨水

using namespace std; //锻炼思维的题目。 int main(){ int t;cin>>t;while(t--){long long int n; // 使用 long long int 来处理可能的大数cin>>n;vector<long long int> a(n), l(n), r(n); // 同样，数组元素也应该是 long long intlong long int …
阅读更多...
第 2 篇 Scrum 冲刺博客

第 2 篇 Scrum 冲刺博客

作业要求这个作业属于哪个课程 计科34班这个作业的要求在哪里 团队作业4——项目冲刺这个作业的目标 1.站立式会议2.发布项目燃尽图3.每人的代码/文档签入记录4.适当的项目程序／模块的最新（运行）截图5.每日每人总结会议照片昨日已完成的工作/今天计划完成的工作成员 昨天已完…
阅读更多...
Nuxt.js 应用中的 schema：extend事件钩子详解

Nuxt.js 应用中的 schema：extend事件钩子详解

title: Nuxt.js 应用中的 schema：extend事件钩子详解 date: 2024/11/10 updated: 2024/11/10 author: cmdragon excerpt: schema:extend 钩子使开发者能够扩展默认数据模式，为特定业务需求添加自定义字段和验证。 categories:前端开发tags:Nuxt 钩子 数据 扩展 自定义 验证…
阅读更多...
nowcoder

nowcoder

Bin 3 1 1 2 2 2 1 40 1 6 5 3 4out 1 -37 3
阅读更多...
实验3 类与对象

实验3 类与对象

实验任务1： botton.hpp代码：1 #pragma once2 3 #include <iostream>4 #include <string>5 6 using std::string;7 using std::cout;8 9 // 按钮类 10 class Button { 11 public: 12 Button(const string &text); 13 string get_label() const; 14 …
阅读更多...
2294: 【例29.3】 求小数的某一位

2294: 【例29.3】 求小数的某一位

include <bits/stdc++.h> using namespace std; int n, m; long long sum=1, k; int main( ) { cin >> n >> m >> k; for (int i=1;i<=k;i++) { n*=10; sum=n/m; n%=m; } cout << sum<<endl; return 0; } 反思：这个代码我整体是错在把…
阅读更多...
2024-2025-1 20241325 《计算机程序与设计》第七周学习总结

2024-2025-1 20241325 《计算机程序与设计》第七周学习总结

2024-2025-1 20241325 《计算机程序与设计》第七周学习总结 这个作业属于的课程<2024-2025-1-计算机基础与程序设计](https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP)> 这个作业要求在哪里:https://www.cnblogs.com/rocedu/p/9577842.html#WEEK07 这个作业的目标…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023