[开发者心得] 【性能教室】使用VSCode进行断点调试

[复制链接]
1294 |0
空伊伊 发表于 2023-4-14 16:09:41 | 显示全部楼层 |阅读模式
本帖最后由 空伊伊 于 2023-12-20 16:10 编辑

VSCode断点调试
所使用编辑器版本:Online_v0.23.0.1

在游戏开发中,为了观察代码每一步运行的结果是什么,大家最常用的方式是通过打印日志来进行观察,除此之外,咱们还可以通过VSCode来给代码断点来进行调试。下面给大家介绍使用VSCode断点调试的步骤:

步骤一:在工程路径下创建.vscode文件夹,并在文件夹里创建launch.json配置文件
如果路径下已经有这两个文件了,那就不用创建,只需要核对一下launch.json的内容对不对
image.png
launch.json的内容:

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Server",
            "type": "node",
            "request": "attach",
            "trace": true,
            "sourceMaps": true,
            "remoteRoot": "${workspaceFolder}",
            "port": 23300
        },
        {
            "name": "Client",
            "type": "node",
            "request": "attach",
            "trace": true,
            "sourceMaps": true,
            "remoteRoot": "${workspaceFolder}",
            "port": 23301
        },
        // 如果要调试多个client可以继续配置,port端口依次递增
        //{
        //    "name": "Client",
        //    "type": "node",
        //    "request": "attach",
        //    "trace": true,
        //    "sourceMaps": true,
        //    "remoteRoot": "${workspaceFolder}",
        //    "port": 23302
        //}
    ],
    "compounds": [
        {
            "name": "Server/Client",
            "configurations": [
                "Server",
                "Client"
            ]
        }
    ]
}

步骤二:在需要调试的位置打上断点
在代码行数的前方单击即可打上红点
image.png

步骤三:运行游戏并启动调试
先运行游戏,然后在VSCode中启动调试
image.png

步骤四:执行对应的代码进行断点
断点调试.gif
断点成功这里的选项将会亮起,具体功能如下:
1.png

注意:如果不能正常进行断点调试,请下载这个版本的VsCode:https://update.code.visualstudio.com/1.78.0/win32-x64/stable

与VSCode调试更详细的内容可以参考下面这篇文章:

回复

使用道具 举报

热门版块
快速回复 返回顶部 返回列表