如何在vscode中通过f5按键调试运行项目

各位小伙伴们,大家好!今天我给大家介绍下关于如何在vscode中通过f5按键去运行调试egret游戏项目。
 
首先,我们需要在vscode中安装egretcoder
如何在vscode中通过f5按键调试运行项目

 

 

接下来,我分别就5.2.33 , 5.3.10 ,5.4.0这三个引擎版本的项目说下如何进行调试
1、引擎版本 5.2.33
打开.vscode/launcher.json文件,添加egret Debbugger选项;
如何在vscode中通过f5按键调试运行项目

然后,在debuger选项,选择egret Debugger,如下图:

如何在vscode中通过f5按键调试运行项目

 

2、引擎版本5.3.10
从引擎5.3.8开始我们默认使用新的编译模式webpack编译模式,这点大家可以通过scripts/config.ts文件看到。
 
引擎版本5.3.10中什么也不需要修改,直接f5就可以调试,但是有个问题是会打开3个网页,这个问题是一个遗留的问题,我们还没有修改。
 
注意:每次f5调试的时候,需要保证你的控制台的任务是结束的。(Ctrl+c结束)

 如何在vscode中通过f5按键调试运行项目

 

注意:每次f5运行的时候 需要这个终端这里的运行任务是结束状态。

3、引擎版本5.4.0
在引擎5.4.0中相比5.3.10我们规范化了我们的指令系统;有些小伙伴发现无法在f5去调试项目了。那么在这里我们需要修改一下 scripts/config.ts文件,具体修改看下图:
 
如何在vscode中通过f5按键调试运行项目

 

 

以上,就是不同系列的版本调试项目的注意点。
 
我这边也收到有些小伙伴说自己的电脑无法安装egretcoder插件,我这边无法复现,所以没办法查找原因。
 
还有一些小伙伴可能按照我上面的方法还是无法调试运行项目,在这里我建议这些小伙伴使用指令运行项目,在浏览器中断掉调试项目。

 

egret run -a

 

 

 

如何在vscode中通过f5按键调试运行项目

上一篇:利用反差拍照的技巧分享


下一篇:photoshop怎么调整画布大小与图像大小?