调试node.js源码

目的：调试node内置库：child_process.exec方法

需要调试的js文件：bin/process/index.js

const cp = require("child_process");
cp.exec("ls -al | grep node_modules", function (err, stdout, stdError) {
  console.log("exec", stdout.toString());
});

方法一：终端+chrome浏览器

不好用

终端启动命令： node --inspect=9222 bin/process/index.js
chrome浏览器访问 chrome://inspect/#devices

iShot2021-12-02 11.20.07.png

点击inspect

iShot2021-12-02 11.21.10.png

调试进入node内置方法child_process.exec

iShot2021-12-02 11.21.10.png

方法二：.vscode/launch.json

不好用 虽然调试源码不好用，但是调试package.json中scripts很实用。

ex: 调试命令npm run test ./util.test.js 该命令会调试Jest内容，相当于运行jest run test ./util.test.js

打上vscode断点
方法一、在vscode编辑页面点击F5，左侧栏有文字提示"To customize Run and Debug create a launch.json file."，点击文字提示，选择Node.js，自动创建.vscode/launch.json文件，或者自己手动新建(F5的快捷键：vscode左Debugger栏，点击"Run and Debug", "start debugging")
- 在左侧栏Debugger按钮的dropdown list里面选择要Debugger的命令，会自动运行Debugger命令，会跳出Terminal的运行台是JavaScript Debugger运行台
方法二、直接+ JavaScript DebuggerTerminal，手动运行npm run test
- 在vscode左侧Debugger栏会看到No Configuration的Debugger按钮, 点击按钮选择Node.js，vscode会弹框提示
  - Variable ${file} can not be resolved. Please open an editor.
- 点击open Launch,会自动新建.vscode/launch.json文件，需要手动配置configuration才能work（配置runtimeArgs）
- 之后运行npm run test，会Debugger到断点处 .vscode/launch.json

{
  "version": "0.2.0",
  "configurations": [
      {
        "type": "node",
        "request": "launch",
        "name": "Launch npm run test",
        "cwd": "${workspaceRoot}",
        "runtimeExecutable": "npm",
        "runtimeArgs": [
            "run-script", "test"
        ],
        "port": 5858
  
      },
      {
          "request": "attach"
      }
  ]
}

方法三：webstorm

好用

在webstorm内部对node有很好的支持，可以直接进入node.js内部

进行设置

Preferences-搜索node-勾选Coding assistance for Node.js iShot2021-12-02 13.49.02.png

Preferences-Build, Execution, Deployment-Debugger-Stepping-不勾选Do not step into library scripts和Do not step into scripts iShot2021-12-02 13.55.39.png