Node.js调试的几种方式

58,005 阅读1分钟

第一种

  1. 打开 vscode 内置终端,右上角选择 JavaScript Debug Terminal

image

  1. 在代码里面打断点(需要断点处输入 debugger 或者 打标 Breakpoint
  2. 终端运行执行命令即可

第二种

  1. mac 通过快捷键 选择 Debug: Toggle Auto Attach ,开启 Auto Attach (该方式要去 node 版本要大于 12)
  2. 在代码里面打断点(需要断点处输入 debugger 或者 打标 Breakpoint
  3. 终端通过命令 node --inspect index.js 执行代码

第三种

有些时候在看一些开源库的时候,想通过断点方式查看源代码,可以通过配置 launch.json 指定运行时执行环境

比如,package.jsonscripts

image

vscode 调试时 ,配置 launch.json 如下

image

其中,runtimeExecutable 指定运行时的执行环境 ,这里指定为 npmruntimeArgs 指定运行时执行环境对应的执行参数,这里指定运行 run dev

配置好之后,按 F5 开启调试,实际执行的就是 npm run dev ,这样我们就可以在源代码打断点进行查看代码的执行过程了

更多调试技巧可以查看 vscode 官网 ,地址

第四种

ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

借助 ndb ,正如它自己在官网上描述一样,ndb 提升了调试 nodejs 的体验,它是通过启用一个 Chrome Devtools 来进行调试的。

在使用它前,你需要安装,可以通过 npm install -g ndb ,安装完之后在代码里面需要断点的地方输入输入 debugger ,然后运行 ndb index.js ,会发现打开了一个 Chrome Devtools 并且已经断点

image-20210322095553293

nodejs调试当然不仅仅这几种,阮老师之前也写过一篇关于 nodejs debugger 的文章,感兴趣可以点击查看 地址