Skip to content

vscode调试nodejs app或者npm scripts #32

@jerryni

Description

@jerryni

下面以调试webpack为例,总共有如下4步:

  1. 先打开vscode配置文件.vscode/launch.json;快捷打开方式:shift + cmd + p, 输入launch.json
  2. launch.json文件内configurations位置输入node,会弹出Launch via NPM的输入提示:
    image

这时launch.json里会有如下内容:

// launch.json
"configurations": [{
    "type": "node",
    "request": "launch",
    "name": "Launch via NPM",
    "runtimeExecutable": "npm",
    "runtimeArgs": [
        "run-script",
        "debug"
    ],
    "port": 9229
}]
  1. 修改package.json里的debug内容,注意不能直接写webpack xxx,要写上具体的执行路径./node_modules/webpack/bin/webpack.js
// package.json
{
  "scripts": {
    "debug": "node --nolazy --inspect-brk=9229 ./node_modules/webpack/bin/webpack.js --mode development --watch --config ./build/webpack.config.prd.js"
  }
}
  1. 再给需要调试的文件打上断点,然后点击 F5即可;
    demo

Debug Node.js Apps using VS Code

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions