Cocos Creator使用Vs Code与Chrome调试

已于 2023-01-14 15:24:57 修改
阅读量6.4k 收藏 7
点赞数
分类专栏： Cocos Creator 文章标签： cocos creator cocos creator vscode cocos creator chrome cocos creator 调试
于 2018-02-02 17:20:56 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/auccy/article/details/79241265
版权
本文介绍如何解决使用VSCode配合Chrome与VSCode插件Debugger for Chrome调试cocoscreator项目网页版时出现的访问失败问题。主要是由于端口不匹配导致，通过修改launch.json文件中的端口设置为CocosCreator使用的端口7456来解决问题。

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

使用VS Code配合 Chrome与VS Code 插件：Debugger for Chrome 调试cocos creator项目的网页版时 出现访问失败的情况
这是因为通过
的操作生成出来的launch.json 文件的默认端口为8080
而通过Cocos Creator编辑器启动的网页访问的端口为7456（我的设备）
将launch.json里的端口配置成Cocos Creator可以成功访问的端口即可调试
调整之后运行
成功打印出调试信息
Cocos Creator引擎开发：跨平台发布_多平台测试与适配
chenlz2007的博客
11-13 885
/ 自定义性能检测${// 自定义性能检测 cc . director . getScheduler() . schedule(() => {// 自定义性能检测 cc . director . getScheduler() . schedule(() => {${// 自定义性能检测 cc . director . getScheduler() . schedule(() => {MB`);多平台测试与适配是动作游戏开发中的重要环节。
Cocos creator 使用 Vscode 2017
忧桑该小绵羊
01-25 1万+
Cocos creator 使用 Vscode 2017一般方法 迄今为止，在开发组工作人员的努力工作下，Cocos  Creator编辑器不断完善，推出了新的1.8.0版本。目前，Cocos Creator内置的代码编辑器功能不完善，只适合快速浏览和做少量编辑的需要。对程序员来说，我们需要更成熟完善的代码编辑环境。所以已经被开发组抛弃了（众多开发者吐槽不好用）。 Visual Studio
Cocos Creator使用VS Code调试方法
热门推荐
狼行天下
08-22 3万+
最近公司项目用Cocos做H5，我也就突然有用Cocos来做一个ios的手游的想法，Unity用惯了，想拓展下。结果么，用的我吐槽一大堆。首先就是Cocos的调试，太不方便了，看官方文档，也是讲的一点都不清楚，还是自己百度加摸索才解决。（一）Cocos如果要使用模拟器或是本机调试，首先你要安装VS Code插件。 如图位置，点击后会将cocos的vs code指定插件安装到指定位置（当然忘了说
CocosCreator开发系列教程（一）：初识CocosCreator
qq_42182650的博客
02-11 1499
Cocos Creator系列教程
Cocos Creator使用VS Code调试代码配置
trayvontang的博客
01-27 3874
首先我们先打开cocos创建一个项目。
cocoscreator 浏览器调试技巧
springleaf2的专栏
01-21 2047
1：查看下载文件的顺序和时间
CocosCreator3.8研究笔记（二）windows环境 VS Code 编辑器的配置
w风雨无阻w的专栏
08-31 4027
我们希望在 VS Code 中修改脚本代码后，不需要返回 Cocos Creator 就能触发脚本编译， 这时就需要添加编译任务。为了便于辅助开发，我们可以给 VS Code 配置工作流，添加编译任务 和 添加Chrome Debug。为了提高搜索效率以及文件列表中隐藏不需要显示的文件， VS Code 需要设置排除目录用于过滤。一般来说，使用外部编辑器修改项目脚本代码后，需要返回 Cocos Creator 才能触发脚本编译。调试过程中，可以在源码文件上直接下断点，进行监控。
Cocos Creator代码编辑环境配置
weixin_30706507的博客
08-07 692
1，可以使用较为适合js的webstorm，亦可以采用VS； 2，若需要webstorm，在下载之后，在文件，设置内外部编辑器选用webstorm.exe，即可； 3，Visual Studio Code【参考来源：官方文档】 Visual Studio Code（以下简称 VS Code）是微软新推出的轻量化跨平台 IDE，支持 Windows、Mac、Linux 平台，安装和...
CocosCreator V2.1.2 + VS Code 调试
标题
08-02 458
CocosCreator使用最新的 V2.1.2版本，安装过程中如果一直提示正在加载，请安装VS2017环境； 1.安装vscode，版本如下： 2.安装Chrome 3.在vscode中安装Debugger for Chrome插件 4.使用VScode打开创建的项目。一般是assets同级目录。打开后会生成一个.vscode文件夹。 5.在VScode中按下图操作 ...
cocos creator断点调试
wulong710的专栏
04-30 1137
第一种：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
cocos creator 开发（二） vs code编辑器
省粮
04-04 1696
本文转载cocos creator 官方关于vscode配置文件的文章 其中还夹杂着一些本人的一些方案和意见 配置代码编辑环境 在快速上手教程中，我们介绍了在资源管理器中双击脚本文件打开代码编辑器快速编辑代码的方法。但编辑器内置的代码编辑器功能并不完善，只适合快速浏览和做少量编辑的需要。对程序员来说，我们需要更成熟完善的代码编辑环境。 Visual Studio Code Visua...
Cocos Creator 游戏开发引擎的资源汇总与学习指南
最新发布
02-13
对于开发环境，Cocos Creator支持使用Visual Studio Code并提供相关扩展以提升开发效率。为了调试游戏，开发者可以使用Chrome DevTools作为调试工具。 在社区与交流方面，加入官方创建的QQ群、微信群可以获得实时的...
CocosCreator Chrome插件
08-22
Chrome扩展工具：Spector.js，Cocos Creator Debugger，Cocos Creator Devtool，WebGL Insight
Cocos Creator Debugger-crx插件
03-09
Cocos Creator调试器 像Unity一样调试Cocos Creator游戏如有任何错误或新功能提示，请告诉我们。 支持语言:English
Cocos Creator 调试入门
Next的博客
02-24 1万+
求人不如求己，今天给萌新带来一篇利用 Chrome 调试 Cocos Creator 游戏的教程，学会调试之后你就可以自己解决很多问题啦。 准备工作 下载我之前用ts写的摘星星游戏 https://github.com/potato47/star-catcher 确保安装 Chrome 也就是谷歌浏览器 用 Cocos Creator 打开下载的工程，双击 game 场景，用 Chrome...
调试Cocos Creator项目的两种方式
stillwater123的博客
02-01 1万+
ps：需要将默认浏览器设置为Chrome 一、VS Code+Chrome { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against loca
COCOS CREATOR调试问题：用vs code（1.3.1） 调试2.0.8 creator版模拟器调试时无法加载Cocos-JSB
晓伟的专栏
02-12 2027
作为一个编程人员，各类工具的安装，肯定都是轻车熟路的，我就不在这里赘述了，免得浪费时间。安装了cocos creator后，发下js文件不能直接编辑，不得不又安装了微软打个的vscode，但既然是研究，那么第一个要解决的问题，当然就是调试啦，我个人的习惯是跟着断点研究代码，不然一大堆看下去，估计头晕脑胀还没什么效果。 不得不说，creator还是比较不方便的，居然不能直接打断点调试，vscode...
cocoscreator使用vscode调试
Continue__的博客
05-20 2897
步骤： 1、vscode 下载 Debugger for Chrome插件 2、进入creator 编辑器完成配置操作 开发者->VS code 工作流->添加 Chrome Debug 配置 3、完成前面两步基本上就可以了，可以看到如下图所示的launch.json配置信息： 如果出现以下错误： 可以添加一句： ...
cocos使用vs code编译，自动刷新预览
kkkk喔
05-15 1564
VS Code 编辑脚本完成后，可触发 Creator 的脚本编译，不需要返回 Creator。
CocosCreator自动化打包解决方案及实践
标题“ccc-auto-pack:基于CocosCreator的自动化打包”揭示了该文件是一个关于如何实现自动化打包流程的工具或插件，它基于流行的跨平台游戏开发引擎CocosCreator。从标题可以看出，本工具旨在简化CocosCreator项目的...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值