Cocos Creator使用Vs Code与Chrome调试

已于 2023-01-14 15:24:57 修改
阅读量6.2k 收藏 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.csdn.net/auccy/article/details/79241265
版权
使用VS Code配合 Chrome与VS Code 插件：Debugger for Chrome 调试cocos creator项目的网页版时 出现访问失败的情况
这是因为通过
的操作生成出来的launch.json 文件的默认端口为8080
而通过Cocos Creator编辑器启动的网页访问的端口为7456（我的设备）
将launch.json里的端口配置成Cocos Creator可以成功访问的端口即可调试
调整之后运行
成功打印出调试信息
jjinglover
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Cocos Creator使用VS Code调试方法
狼行天下
08-22 3万+
最近公司项目用Cocos做H5，我也就突然有用Cocos来做一个ios的手游的想法，Unity用惯了，想拓展下。结果么，用的我吐槽一大堆。首先就是Cocos的调试，太不方便了，看官方文档，也是讲的一点都不清楚，还是自己百度加摸索才解决。（一）Cocos如果要使用模拟器或是本机调试，首先你要安装VS Code插件。 如图位置，点击后会将cocos的vs code指定插件安装到指定位置（当然忘了说
Cocos Creator多项目固定启动预览端口设置
qq_42556222的博客
08-02 328
3、如果预览的时候打不开项目，需要在creator项目名.vscode文件夹下的launch.json文件中修改为对应的端口：7456。2、修改启动预览端口的文件project.json，修改完成后要启动。1、修改编辑界面预览界面端口。
CocosCreator与VsCode跟Chrome之间做调试
sun_surprise的博客
04-18 1099
前面下载插件及配置我就不说啦。Creator文档上面已经做了很详细的讲解，我们今天讨论一下调试的问题。 1、配置好之后，在Code编辑中launch.json里面有歌地址，默认点是8080 2.如果我们没有修改那个端口号的话，就会得到一个空白页。 3.那么我们不知道当前的端口号是多少怎么办呢？很简单，我们切换到CocosCreator编辑器，把调试换成浏览器， 点击播放， 这个就是我...
cocoscreator 浏览器调试技巧
springleaf2的专栏
01-21 1996
1：查看下载文件的顺序和时间
CocosCreator3.8研究笔记（二）windows环境 VS Code 编辑器的配置
w风雨无阻w的专栏
08-31 3125
我们希望在 VS Code 中修改脚本代码后，不需要返回 Cocos Creator 就能触发脚本编译， 这时就需要添加编译任务。为了便于辅助开发，我们可以给 VS Code 配置工作流，添加编译任务 和 添加Chrome Debug。为了提高搜索效率以及文件列表中隐藏不需要显示的文件， VS Code 需要设置排除目录用于过滤。一般来说，使用外部编辑器修改项目脚本代码后，需要返回 Cocos Creator 才能触发脚本编译。调试过程中，可以在源码文件上直接下断点，进行监控。
Cocos Creator代码编辑环境配置
weixin_30706507的博客
08-07 593
1，可以使用较为适合js的webstorm，亦可以采用VS； 2，若需要webstorm，在下载之后，在文件，设置内外部编辑器选用webstorm.exe，即可； 3，Visual Studio Code【参考来源：官方文档】 Visual Studio Code（以下简称 VS Code）是微软新推出的轻量化跨平台 IDE，支持 Windows、Mac、Linux 平台，安装和...
Cocos Creator 调试入门
Next的博客
02-24 1万+
求人不如求己，今天给萌新带来一篇利用 Chrome 调试 Cocos Creator 游戏的教程，学会调试之后你就可以自己解决很多问题啦。 准备工作 下载我之前用ts写的摘星星游戏 https://github.com/potato47/star-catcher 确保安装 Chrome 也就是谷歌浏览器 用 Cocos Creator 打开下载的工程，双击 game 场景，用 Chrome...
CocosCreator Chrome插件
08-22
CocosCreator Chrome插件是专为Cocos Creator游戏开发人员设计的一系列实用工具，它们能够极大地提升开发效率和调试体验。这些插件包括Spector.js、Cocos Creator Debugger和Cocos Creator Devtool，以及WebGL ...
cocos-creator-devtool：:gear_selector:Chrome扩展程序，用于调试Cocos Creator游戏
01-30
Cocos Creator开发工具Cocos Creator Devtool是Google Chrome Devtools的扩展。 它允许您检查网页中的Cocos Creator游戏场景。 您可以从Chrome Webstore安装 。变更日志1.0.6 自动更新节点属性添加/删除节点时自动...
CocosCreator如何生成protobuf文件工程
02-18
在游戏开发领域，CocosCreator是一个广泛使用的2D游戏引擎，它支持JavaScript和TypeScript语言。为了提升数据传输效率和序列化性能，许多开发者选择使用Protocol Buffers（protobuf）作为数据交换格式。protobuf是一...
Cocos Creator Debugger-crx插件
03-09
Cocos Creator调试器 像Unity一样调试Cocos Creator游戏如有任何错误或新功能提示，请告诉我们。 支持语言:English
Cocos Creator 3.x 中使用 Socket.io
10-10
Cocos Creator 3.x 中使用 Socket.io Cocos Creator 3.x 中使用 Socket.io 文档地址：https://blog.csdn.net/nicepainkiller/article/details/127239678 文档地址：...
CocosCreator七个小游戏完整源码+使用手册
02-02
CocosCreator七个小游戏完整源码+使用手册。全部可以运行的小游戏，内附Cocos安装手册、游戏运行手册！ 游戏包含：（2048、小鸟（小鸟躲避障碍物）、黄金矿工（黄金矿工小游戏 主要是在手机上横屏玩的）、开心消消乐...
调试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 1962
作为一个编程人员，各类工具的安装，肯定都是轻车熟路的，我就不在这里赘述了，免得浪费时间。安装了cocos creator后，发下js文件不能直接编辑，不得不又安装了微软打个的vscode，但既然是研究，那么第一个要解决的问题，当然就是调试啦，我个人的习惯是跟着断点研究代码，不然一大堆看下去，估计头晕脑胀还没什么效果。 不得不说，creator还是比较不方便的，居然不能直接打断点调试，vscode...
cocoscreator使用vscode调试
Continue__的博客
05-20 2769
步骤： 1、vscode 下载 Debugger for Chrome插件 2、进入creator 编辑器完成配置操作 开发者->VS code 工作流->添加 Chrome Debug 配置 3、完成前面两步基本上就可以了，可以看到如下图所示的launch.json配置信息： 如果出现以下错误： 可以添加一句： ...
cocos使用vs code编译，自动刷新预览
kkkk喔
05-15 1057
VS Code 编辑脚本完成后，可触发 Creator 的脚本编译，不需要返回 Creator。
Cocos Creator利用Chrome调试TS项目
u011004567的专栏
03-20 3922
1.添加Chrome Debug配置Cocos Creator编辑器界面 开发者->VS Code工作流->添加Chrome Debug配置2.VSCode安装Debug For Chrome插件3.修改Debug配置4.断点并运行Debug
AuthBWC-0.3.3-py3-none-any.whl.zip
最新发布
08-07
AuthBWC-0.3.3-py3-none-any.whl.zip
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值