VSCode调试node

方法一

在根目录下建立 .vscode/settings.json


image.png
"debug.javascript.autoAttachFilter": "onlyWithFlag",

npm-script里面启动命名的node后面加上--inspect

image.png

这里很奇怪,在命令行里面用 npm run debug 不会启用调试,必须用悬浮的按钮

方法二

突然发现,直接选择调试脚本,不用加参数,就能进入调试模式


image.png

方法三

选择调试终端,然后用命令行启动,不用加参数也可以


image.png

方法四

创建 .vscode/launch.json


image.png
{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            "runtimeExecutable": "npm",
            "runtimeArgs": [
                "run-script",
                "start"
            ],
        }
    ]
}
image.png

推荐阅读更多精彩内容