用VSCode断点调试Node.js代码

àì夳堔傛蜴生んèń 2022-03-17 13:14 548阅读 0赞

VSCode是微软推出的一款开源免费的代码编辑器，不但好用而且功能强大，能直接调试Node.js代码，步骤如下。

1、首先把Node.js代码放在一个目录下，然后用VSCode打开这个文件夹；

> 注意：如果用VSCode直接打开代码文件，则后面点击“调试”按钮将会弹出错误提示：`Please first open a folder in order to do advanced debug configuration.`

2、打开VSCode左侧面板的“调试”窗口，在窗口上侧的下拉箭头里选择“Add Configuration…”，然后在提示框中选择“Node.js”，将会生成`.vscode`子目录和`launch.json`文件，并自动打开。

默认的`launch.json`文件内容示例如下：

{
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "Launch Program",
                "program": "${workspaceFolder}/hello.js"
            }
        ]
    }

其中最重要的是`program`字段，代表调试程序的入口代码文件，可根据自己需要修改。

3、此时如果按下“F5”键调试，我使用的Windows环境，VSCode会弹出提示：

> Cannot find runtime ‘node’ on PATH. Is ‘node’ installed?

表示调试程序找不到node自身程序。继续修改`launch.json`文件，增加字段：

"runtimeExecutable": "C:/nodejs/node",

`runtimeExecutable`代表`node`自身路径，此处根据自己环境定义。

然后再次按下“F5”键，应该就能开始断点调试了。

4、有时候还需要运行参数，则继续在`lanuch.json`增加字段：

"args": ["china ", "100"]

效果等同于运行：

node hello.js china 100

完整的`launch.json`文件内容示例如下：

{
        "version": "0.2.0",
        "configurations": [
            {
                "type": "node",
                "request": "launch",
                "name": "Launch Program",
                "program": "${workspaceFolder}/hello.js",
                "runtimeExecutable": "C:/nodejs/node",
                "args": ["china", "100"]
            }
        ]
    }