使用VsCode调试UE5的PuerTs(实践测试来啦)

1、下载测试的Demo项目

配置PuerTs的步骤这里不赘述。

2、准备工作

2.1 打开项目

正常来说,直接打开项目可以看到如下画面

在这里插入图片描述
如果直接点击运行,可以发现下方的 Output Log 窗口已经开始 Print 了很多案例。
是因为该项目默认执行的是QuickStart.ts。

2.2 打开TsGameInstance.cpp

在这里插入图片描述

3、添加VsCode断点

3.1 在VsCode找到QuickStart.ts,随便断一个点

(这里我们以 L17 为例)
在这里插入图片描述

4、 修改虚拟机端口 (8889)
回到TsGameInstance.cpp中
将 注释的代码 取消注释
在这里插入图片描述
图片过长,目前代码如下:

<span style="color:#333333"><span style="background-color:#ffffff"><code class="language-typescript"><span style="color:#0000ff">void</span> <span style="color:#a31515">UTsGameInstance</span>::<span style="color:#a31515">OnStart</span>()
{
    <span style="color:#008000">//GameScript = MakeShared<puerts::FJsEnv>();</span>
    <span style="color:#a31515">GameScript</span> = <span style="color:#a31515">MakeShared</span><<span style="color:#ff0000">puerts</span>::<span style="color:#a31515">FJsEnv</span>>(<span style="color:#ff0000">std</span>::make_unique<<span style="color:#ff0000">puerts</span>::<span style="color:#a31515">DefaultJSModuleLoader</span>>(<span style="color:#a31515">TEXT</span>(<span style="color:#a31515">"JavaScript"</span>)), <span style="color:#ff0000">std</span>::make_shared<<span style="color:#ff0000">puerts</span>::<span style="color:#a31515">FDefaultLogger</span>>(), <span style="color:#880000">8889</span>);
    <span style="color:#a31515">GameScript</span>-><span style="color:#a31515">WaitDebugger</span>();
    <span style="color:#a31515">TArray</span><<span style="color:#a31515">TPair</span><<span style="color:#a31515">FString</span>, <span style="color:#a31515">UObject</span>*>> <span style="color:#a31515">Arguments</span>;
    <span style="color:#a31515">Arguments</span>.<span style="color:#a31515">Add</span>(<span style="color:#a31515">TPair</span><<span style="color:#a31515">FString</span>, <span style="color:#a31515">UObject</span>*>(<span style="color:#a31515">TEXT</span>(<span style="color:#a31515">"GameInstance"</span>), <span style="color:#008000">this</span>));
    <span style="color:#a31515">GameScript</span>-><span style="color:#a31515">Start</span>(<span style="color:#a31515">"QuickStart"</span>, <span style="color:#a31515">Arguments</span>);
}
</code></span></span>

注意看修改后的代码。我这里已经将端口更改为 " 8889 "
同时打开了WaitDebugger(),目的是Client等待V8的虚拟机

5、添加VsCode配置

5.1 打开VsCode的Debug配置

在这里插入图片描述

5.2 选择 Node.js : Attach

在这里插入图片描述

5.3 更改端口为 (8889)

在这里插入图片描述

6、开始Debug

6.1 启动VsCode待命

①首先选择5.2添加的Debug配置
在这里插入图片描述
②点击左侧绿色 三角形 在这里插入图片描述
可以看到如下示意框
在这里插入图片描述

6.2 启动2.1的项目

不出意外已经成功被中断。

7、 尽情Debug~

在这里插入图片描述

下面大家开始自行测试吧,留个小尾巴《医院证明图片》您快乐我快乐,大家一起快快乐乐。

猜你喜欢

转载自blog.csdn.net/dageliuqing/article/details/127659660