cocoscreator使用vscode调试

最新推荐文章于 2025-03-29 23:55:13 发布
最新推荐文章于 2025-03-29 23:55:13 发布
阅读量2.9k 收藏 1
点赞数 1
分类专栏： CocosCreator开发笔记 文章标签： cocos vscode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Continue__/article/details/90376582
版权
博客介绍了在VSCode和Cocos Creator中进行调试配置的步骤。首先在VSCode下载Debugger for Chrome插件，接着进入Creator编辑器完成配置操作，添加Chrome Debug配置，完成后可看到launch.json配置信息，还提及若出现错误的处理办法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

步骤：

1、vscode 下载 Debugger for Chrome插件

2、进入creator 编辑器完成配置操作 开发者->VS code 工作流->添加 Chrome Debug 配置

3、完成前面两步基本上就可以了，可以看到如下图所示的launch.json配置信息：

如果出现以下错误：

可以添加一句：

Cocos Creator使用VS Code调试方法
狼行天下
08-22 3万+
最近公司项目用Cocos做H5，我也就突然有用Cocos来做一个ios的手游的想法，Unity用惯了，想拓展下。结果么，用的我吐槽一大堆。首先就是Cocos的调试，太不方便了，看官方文档，也是讲的一点都不清楚，还是自己百度加摸索才解决。（一）Cocos如果要使用模拟器或是本机调试，首先你要安装VS Code插件。 如图位置，点击后会将cocos的vs code指定插件安装到指定位置（当然忘了说
Cocos creator 使用 Vscode 2017
热门推荐
忧桑该小绵羊
01-25 1万+
Cocos creator 使用 Vscode 2017一般方法 迄今为止，在开发组工作人员的努力工作下，Cocos  Creator编辑器不断完善，推出了新的1.8.0版本。目前，Cocos Creator内置的代码编辑器功能不完善，只适合快速浏览和做少量编辑的需要。对程序员来说，我们需要更成熟完善的代码编辑环境。所以已经被开发组抛弃了（众多开发者吐槽不好用）。 Visual Studio
vscode调试cocos creator
hackerlu的专栏
11-08 1028
2、然后打开cocos creator 顶部菜单，点击 developer，在下拉菜单中选择 visual studio code workflow，添加 add chrome debug setting，这个会在项目文件夹下添加一个。最近接触了小游戏开发，在众多的开发引擎中选择了开源的游戏引擎 cocos creator，学习的过程中免不了调试，所以把调试的环境搭建记录一下。2、打开工程后，添加空的node，修改为Main，然后在assets目录添加Scripts文件夹，再新建Main.ts脚本。
[保姆级]CocosCreator3.8游戏开发入门
最新发布
Code Captain的专栏
03-29 1314
以下是基于 Cocos Creator 3.8 和 TypeScript 开发游戏的流程、工具、配置机制以及发布流程的优化说明。
Cocos Creator 使用VSCode进行调试，超简单，没有任何参数设置
u014661152的博客
12-10 2844
刚接触cocos creator才几天，项目上遇到问题总是console.log，怪麻烦的，网上找资料搜索vscode进行调试，总是失败，换一种方式进行调试 1、打开vscode调试界面： 2、cocos编辑器浏览器运行项目，然后点击VSCode 中调试界面的 Debug URL，输入浏览器运行项目的地址，我的是“http://localhost:7456/”，按下"Enter"，就能快速调试了，简单吧，没装任何插件，也没配置任何参数 ...
Cocos Creator使用VS Code调试代码配置
trayvontang的博客
01-27 4289
首先我们先打开cocos创建一个项目。
CocosCreator与VsCode跟Chrome之间做调试
sun_surprise的博客
04-18 1154
前面下载插件及配置我就不说啦。Creator文档上面已经做了很详细的讲解，我们今天讨论一下调试的问题。 1、配置好之后，在Code编辑中launch.json里面有歌地址，默认点是8080 2.如果我们没有修改那个端口号的话，就会得到一个空白页。 3.那么我们不知道当前的端口号是多少怎么办呢？很简单，我们切换到CocosCreator编辑器，把调试换成浏览器， 点击播放， 这个就是我...
cocos Creator 模拟器调试
对酒当歌﹏✍
05-05 2374
目录1、引言2、环境3、发现问题4、解决5、结束语 1、引言   由于是老项目，开发过程中一直未进行项目升级，拿到手一看已经至少是两年前的代码了！还使用的js开发，没有代码提示，没有断点，尝试了一下，非常痛苦！这里我们先来处理模拟器断点的问题。 2、环境 cocos creator v1.8.2 chrome 100.0.4896.60（正式版本） （64 位） vscode 3、发现问题   要模拟器打断点不妨我们先来看看官网API这里有winows调试。 只需要这样操作就好了：   运行模拟器
CocosCreator TypeScript项目 （vscode 设置中文，默认调试环境设置）
gamedaybyday
12-19 3900
版本：2.2.1 深圳好多公司用的cocoscreator，学习一下。 这篇是如何安装，然后运行一个helloworld。 一 下载 cocoscreator：https://www.cocos.com/products#CocosCreator vscode：https://code.visualstudio.com/ 二新建TypeScript项目...
cocos creator断点调试
wulong710的专栏
04-30 1175
第一种：VS Code + Chrome 首先创建一个 Hello World 的项目 Cocos Creator 安装 VS Code 扩展插件： VS Code 安装 Debugger for Chrome 扩展插件 安装 Debugger for Chrome 扩展插件成功后，切换到 Debug 模式，设置 launch.json 类型 为 Chrome 设置成功后可以看到生成了 launch.json 文件如下： 接下来再在 Cocos Creator 中添加 Chrome De
【vscode】调试cocos creator (Js 无法命中断点问题解决)
瑾修的博客
04-03 4480
We couldn’t find a corresponding source location, but found some other files with the same name: You may need to adjust the webRoot in your launch.json if you’re building from a subfolder, or tweak your sourceMapPathOverrides.
在Cocos creator中使用Vscode
Thewen
12-02 1万+
如何在Cocos creator中使用并快速配置Vscode：   目录 1.中文设置 2.在Cocos creator中快速配置Vscode   1.中文设置 1）打开vscode工具；   2）使用快捷键组合【Ctrl+Shift+p】，在搜索框中输入“configure display language”，点击确定后； 3）修改locale.json文件下的属性“loca...
CocosCreator VSCode调试时报Unable to find an installation of the browser on your system
Truman_Chan的博客
09-21 821
根据配置VSCode调试环境。
VS Code调试Cocos Creator项目配置方法
IT_VETERAN的博客
06-29 6097
在Cocos Creator官网的文档中推荐使用 Visual Studio Code（以下简称 VS Code）作为代码的编辑工具。官方文档中也详细说明了Cocos Creator如何使用 VS Code 来配置代码编辑环境，但是如何在VS Code中进行项目的调试并没有详细的说明。大家可以按照以下步骤便可轻松实现使用VS Code断点调试Cocos Creator项目。 VS Code中安装...
关于cocos creator + vscode 调试相关问题
LLJ的博客
02-24 3317
问题1：报breakpoint set but not yet bound 错误 解决1： 1.确认打开文件夹中包含project.json 文件，包含.vscode文件夹，并且.vscode文件夹下有launch.json 2.在cocos creator页面，点击所有开发者配置 开发者->vs code 开发流 点击所有 3.在vs code 中 安装 chor...
CocosCreator3.8研究笔记（二）windows环境 VS Code 编辑器的配置
w风雨无阻w的专栏
08-31 4233
我们希望在 VS Code 中修改脚本代码后，不需要返回 Cocos Creator 就能触发脚本编译， 这时就需要添加编译任务。为了便于辅助开发，我们可以给 VS Code 配置工作流，添加编译任务 和 添加Chrome Debug。为了提高搜索效率以及文件列表中隐藏不需要显示的文件， VS Code 需要设置排除目录用于过滤。一般来说，使用外部编辑器修改项目脚本代码后，需要返回 Cocos Creator 才能触发脚本编译。调试过程中，可以在源码文件上直接下断点，进行监控。
COCOS CREATOR调试问题：用vs code（1.3.1） 调试2.0.8 creator版模拟器调试时无法加载Cocos-JSB
晓伟的专栏
02-12 2040
作为一个编程人员，各类工具的安装，肯定都是轻车熟路的，我就不在这里赘述了，免得浪费时间。安装了cocos creator后，发下js文件不能直接编辑，不得不又安装了微软打个的vscode，但既然是研究，那么第一个要解决的问题，当然就是调试啦，我个人的习惯是跟着断点研究代码，不然一大堆看下去，估计头晕脑胀还没什么效果。 不得不说，creator还是比较不方便的，居然不能直接打断点调试，vscode...
Cocos Creator使用Vs Code与Chrome调试
auccy的博客
02-02 6434
使用VS Code配合 Chrome与VS Code 插件：Debugger for Chrome 调试cocos creator项目的网页版时 出现访问失败的情况。将launch.json里的端口配置成Cocos Creator可以成功访问的端口即可调试。而通过Cocos Creator编辑器启动的网页访问的端口为7456（我的设备）的操作生成出来的launch.json 文件的默认端口为8080。
cocos creator 安装及调试环境配置
哲学天空的博客
01-14 3814
1. 下载cocos creator软件并安装 https://www.cocos.com/creator 2. 打开cocos creator 并创建新项目 3. 点击运行，项目再默认浏览器中打开。 4. 文件 (菜单)---设置(子菜单)中设置编辑器为VSCode，单击项目中代码文件 将打开VSCode进行编辑代码。 5. 配置...
cocos creator vscode爆红
01-23
### 解决Cocos Creator在VSCode中出现大量语法检查错误的方法 对于Cocos Creator项目，在VSCode中遇到大量的语法检查错误可能源于多种因素，包括但不限于配置不当、插件冲突或是环境设置不正确等问题。以下是几种有效的解决方案： #### 1. 安装并更新必要的扩展包 确保已安装最新版的`Cocos Extension Pack`以及`JavaScript (ES6) code snippets`等有助于提高开发效率和减少误报的扩展工具[^3]。 #### 2. 配置`.eslintrc.js`文件 创建或修改项目的根目录下的`.eslintrc.js`文件来适配Cocos Creator特有的编码风格和规则。这可以有效消除一些不必要的警告信息，并帮助开发者遵循最佳实践编写代码。 ```javascript module.exports = { "env": { "browser": true, "node": false, "es6": true }, "extends": [ 'eslint:recommended', 'plugin:@typescript-eslint/recommended' ], "parserOptions": { "ecmaVersion": 2018, "sourceType": "module" } }; ``` #### 3. 设置工作区特定设置 通过自定义VSCode的工作区设置(`settings.json`)，能够进一步优化编辑体验，比如禁用某些可能导致误判的功能： ```json { "editor.codeActionsOnSave": {}, "[javascript]": { "editor.defaultFormatter": null, "editor.formatOnPaste": false, "editor.formatOnSave": false } } ``` #### 4. 更新Node.js版本 有时较低版本的Node.js可能会引起兼容性问题，建议保持使用官方推荐的LTS(Long Term Support)版本以获得更好的稳定性和支持。 #### 5. 清理缓存重载IDE 尝试清除本地存储的数据（如npm cache clean --force），关闭所有实例后再重新启动VSCode，这样可以帮助排除因临时数据造成的异常情况。 以上措施应该能显著改善Cocos Creator项目在VSCode中的表现，大幅降低无意义的语法提示数量。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值