前言

nodejs 程序虽然也是 javascript 语言,但是和网页端的 javascript 相比,是运行在 node 环境的 。网页端的 javascript 可以通过浏览器自带的控制台工具进行断点调试。那么 node 环境中的 javascript 应该如何调试呢?

nodejs 的官网也提供了具体的调试方式,详见 Debugging - Getting Started | Node.js

这里介绍以下几种方法。

IDE或编辑器

vscode 调试

在 vscode 中点击调试按钮,新建 launch.json调试配置文件,选择 node。
截屏2023-07-16 16.14.46.png

配置调试信息

  1. {
  2. // Use IntelliSense to learn about possible attributes.
  3. // Hover to view descriptions of existing attributes.
  4. // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  5. "version": "0.2.0",
  6. "configurations": [
  7. {
  8. "type": "node", // 类型
  9. "request": "launch",
  10. "name": "test", // 名字
  11. "program": "${workspaceFolder}/index.js" // 路径
  12. }
  13. ]
  14. }

直接在要调试的文件中直接打断点或者添加 debugger 都可以
截屏2023-07-16 16.17.39.png

然后直接运行文件即可。
截屏2023-07-16 16.19.53.png

命令行和 Chrome 调试

  1. 在用 node 执行文件的时候加 --inspect-brk参数

    1. node --inspect-brk index.js
  2. 打开 Chrome 浏览器的控制台,等一会,会看到一个 Node 的标识

截屏2023-07-16 16.26.01.png

  1. 点开这个页面就是 nodejs 的调试页面,打断点或者 debugger 都可以。

截屏2023-07-16 16.26.21.png