node.js开发中的代码调试实战

做为前端开发，写Node.js 的代码时候我很疑惑，这在调试代码绝对不会是这样笨拙，第一次都是通过console.log逐步推理调试代码，后来想想肯定有类似谷歌调试工具一样的工具帮助我们调试Node.js 的代码，于是我查找资料，觉得这篇文章不错，既有通过前台页面的调试方式（Chrome Devtools方式），也有无前台页面的调试（VSCode方式）。

有了这个调试方法，能让你的代码开发方便很多。话不多说，往下看

调试 Node.js 代码

准备一段简单的 Node.js 代码用来调试：

const os = require('os');

function func(a, b) {
  return a + b;
}
console.log(func(1,2));

console.log(os.cpus());

它的逻辑就是执行了一个加法，然后打印了 cpu 的核心的情况。

直接执行是这样的：

打印了 1 + 2 的结果，也就是 3 ，也打印了 CPU 核心的情况，8 核的 M1 芯片。

那怎么断点调试呢？

执行的时候加上一个 –inspect 的参数，就会启动调试服务了：

指定 –inspect-brk 参数还会在首行断住。

可以看到启动了一个 WebSocket 的服务端，这就是调试服务，用某个调试工具客户端连上就行了：

调试客户端可以是 Chrome Devtools 也可以是 VSCode。

Chrome Devtools

比如用 Chrome Devtools 来连上是这样的：

打开 chrome://inspect 的 url 就会看到这个可以连接的 target：

点击 inspect 就是连上这个 ws 服务端来做调试：

右边可以看到调用栈、上下文的变量，可以单步执行、可以打断点等。

打印信息会输出在 console

VSCode

用 VSCode 调试的话需要在项目根目录下加一个 .vscode/launch.json 的文件，类型选择 attach to process：

很容易理解，就是连接到目标进程的 ws 服务的意思：

端口是 9229，也就是我们调试服务启动的端口。

然后点击调试面板的调试按钮来启动：

这样也会在断点处断住，可以单步运行、可以看调用栈、上下文的信息：

看到这里不知道有没有同学会觉得这样太麻烦了，每次都要起一个 ws 调试服务，然后再 attach，不能把这两步合并到一块自动给做了吗？

没错，确实可以合并到一块，也就是起一个 ws 服务，然后自动 attach 上：

调试配置选择 launch program：

只需要指定要调试的 Node.js 模块的地址，然后点击启动，这样就可以调试了：

注意，想达到和 –inspect-brk 一样的首行断住的效果，这里要执行 stopOnEntry 为 true。

效果是一样的：

这样比直接启动 ws 调试服务，然后再 attach 还少了一步。