使用 vscode 调试 nodejs 代码

继前一篇:使用 cmake.js 在 Windows 上编译 js 代码

我们已经能在 vscode 上成功的编译出 js 代码,那我们该如何断点调试 js 代码以及 js 引用的 C 库源码呢

首先要先以 Debug 模式编译 js 代码

复制代码
cmake-js clean
cmake-js compile -D

找到 debug 生成的 pdb 文件,这个很重要,关乎到能否 debug 到 C 库源码

注:pdb 文件一般在 cmakejs/build/Debug 文件夹下

在 .vscode 下修改 launch.json 文件,如果没有的话,就新建一个

settings.json 不用特别设置,在 launch 的时候,编译器会自动添加相关文件

进入 .json 文件中修改相关配置,主要是 js 源文件和 pdb 文件的路径

复制代码
{
    "version": "0.2.0",
    "configurations": [
      {
        "name": "JS Debug Build",
        "type": "node",
        "request": "launch",
        "program": "./projects/ohos/cmakejs/project.js",
        "args": [],
        "console": "integratedTerminal"
      },
      {
        "name": "Windows Attach",
        "type": "cppvsdbg",
        "request": "attach",
        "processId": "${command:pickProcess}"
      },
      {
        "name": "C/C++ Runner: Debug Session",
        "type": "cppdbg",
        "request": "launch",
        "args": [],
        "stopAtEntry": false,
        "externalConsole": true,
        "cwd": "./src",
        "program": "./projects/ohos/cmakejs/build/Debug/project.pdb",
        "MIMode": "cppvsdbg",
        "miDebuggerPath": "gdb",
        "setupCommands": [
          {
            "description": "Enable pretty-printing for gdb",
            "text": "-enable-pretty-printing",
            "ignoreFailures": true
          }
        ]
      }
    ]
  }

注意:.vscode 一般是在项目的子层级下,如果 cmake.js 编译的鸿蒙项目在更深的层级下,就需要先 cd 到鸿蒙项目的层级下,编译好 pdb 文件,再 cd 到最外面项目的层级下,最后进行调试

好了,下面开始断点调试

在 project.js 代码里打上断点,如果需要查看 js 引用的 napi 代码(js 与 C 库是通过 napi 交互,此处默认为 napi 代码),则在 napi 代码里打上断点

在 RUN AND DEBUG 下拉框里选择 JS Debug Build。选择完后,点左边绿色的调试按钮(三角形),项目会运行并停在 js 代码的断点处

然后继续选择 Windows Attach,并点左边绿色的调试按钮

会跳出 Attach to Process 框,输入 node.exe,并选择 nodejs 目录下 node.exe 路径

确认 Windows Attach 已经运行

点击 Step Over 或者 F10,编译器就会跳到 napi 代码里的断点处

在 napi 代码里就可以继续调试,甚至可以查看 napi 引用的 C 库源码

相关推荐
莲动渔舟18 小时前
国产编辑器EverEdit - 扩展脚本:让EverEdit支持“批量查找”功能
编辑器·emeditor·notepad·everedit
rainFFrain19 小时前
单例模式与线程安全
linux·运维·服务器·vscode·单例模式
Liudef0620 小时前
deepseek v3-0324实现SVG 编辑器
开发语言·javascript·编辑器·deepseek
超级小的大杯柠檬水1 天前
修改Anaconda中Jupyter Notebook默认工作路径的详细图文教程(Win 11)
ide·python·jupyter
云心雨禅1 天前
Vim操作指令全解析
编辑器·vim·excel
色空大师1 天前
【idea】实用插件
java·ide·intellij-idea
suanday_sunny1 天前
VSCode运行,各类操作缓慢,如何清理
ide·vscode·编辑器
信计小白1 天前
vscode报Module containing this breakpoint has not yet loaded
ide·vscode·编辑器
Kusunoki_D1 天前
使用 VIM 编辑器对文件进行编辑
linux·编辑器·vim
向宇it1 天前
【零基础入门unity游戏开发——2D篇】2D 游戏场景地形编辑器——TileMap的使用介绍
开发语言·游戏·unity·c#·编辑器·游戏引擎