用VSCode断点调试Node.js代码

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"]
        }
    ]
}