接下来在 Cocos Creator 顶部菜单栏中点击开发者 -> VS Code 工作流 -> 添加 Chrome Debug 配置,这个菜单命令会在项目文件夹下添加一个.vscode/launch.json文件作为调试器的配置: 之后便可以在 VS Code 中点击左侧栏的调试按钮打开调试面板,并在最上方的调试配置中选择Cocos Creator Launch Chrome against l...
at Layer.handle [as handle_request] (D:\dev\CocosCreator\resources\app.asar\node_modules\express\lib\router\layer.js:95:5) 四、 下断点然后F5调试 debug.jpg1196×772 138 KB 存在的问题: 步骤二中配置launch.json中的"url": "http://localhost:7456/",通过Creator预览生成url,多开时端口不一样。
[1]VsCode安装插件(Debugger for chrome) 打开vsCode的[扩展]面板,如图所示,在搜索框中直接填入Debugger for chrome,然后点击安装。 [2]设置Creator的脚本编辑器 在creator 里面双击js文件,则脚本会自动被VSCODE打开(需要先行设置:Cocos Creator->偏好设置)。将外部程序中的默认脚本编辑器设置成VSCODE,并把默认浏览器...
1.vscode 安装JavaScript Debugger (Nightly) 2.修改launch.json里面端口的值 端口号是cocos creator运行打开网页的端口号, vscode launch.json修改好后, 保存, 按F5就要吧启动调试了, 原typescript文件里面打断点, 可以到达
在这里也可以查看到代码,进行断点调试,这里点击暂停,对应的vscode也会停住,调试方法基本大同小异。 当然Creator也可以成为我们调试的一个额外的方式,当我们改完代码,可以直接保存,然后再creator中运行, image.png 如果代码有错误,只要保存了,creator就会同步的有变化,比如我故意写错, ...
想要在VSCode中进行调试,我们需要在CocosCreator中进行简单配置,通过菜单开发者->Visual Studio Code 工作流->添加 Chrome debug配置和添加编译任务完成设置。 然后在代码左边打上断点,然后按下F5即可开启快乐的调试之旅。 5.调试引擎源码 终于来到了关键部分,进度条还很长,大家坚持一下。
在Cocos Creator 的开发者菜单中,选择 VS Code 工作流,再选择安装 VS Code 扩展插件,插件就会被自动安装到用户文件夹的.vscode/extensions路径下,然后启动 VS Code。 安装插件成功后,在 VS Code 左侧 tab 中选择第四个Debug,然后可以点击上面的齿轮选择Cocos-JSB调试方案。
CocosCreator与VScode调试 1.安装vscode 2.安装Chrome 3.在vscode中安装Debugger for Chrome插件 4.使用VScode打开创建的项目。一般是assets同级目录。打开后会生成一个.vscode文件夹。 5.在VScode中按下图操作 如果没有出现该选项,一般可以选择Debugger for Chrome插件重新加载,或者点击后面的齿轮,将打开的文件删除,...
在Chrome开发者工具窗口中使用快捷键ctrl+p或cmd+p呼出文件搜索窗口,快速定位代码文件(与VSCode的文件查找一样)。 Chrome开发者工具 此处你可以利用开发者工具,对Cocos Creator的源码进行跟踪调试,查看API接口,这是学习Cocos Creator一个重要途径,看下图:
"userDataDir": "${workspaceRoot}/.vscode/chrome", "diagnosticLogging": false, "outFiles": [ "${workspaceRoot}/dist/**/*.js" ] } ] } Vscode打开你要调试的项目内的js文件在里面设置断点,然后按F5,Chrom浏览器就会弹出打开了你的项目(当然这个项目你要在Creator内已经建立好)。