Visual Studio Code 調試node
文檔地址:https://code.visualstudio.com/docs/nodejs/nodejs-debugging
流程步驟
步驟一:點擊VS CODE 第四個小昆蟲 如沒有配置,則點擊添加配置 會自動生成個.vscode 文件夾下的launch.json 用來配置調試
步驟二:如工程啓動的爲 npm run XXX 自定義的啓動格式,則launch.json 配置如下
log4js-node在VisualStudioCode內置調試控制檯無輸出解決
需添加: "outputCapture": "std"
{
// 使用 IntelliSense 瞭解相關屬性。
// 懸停以查看現有屬性的描述。
// 欲瞭解更多信息,請訪問: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program": "${file}"
},
{
"type": "node",
"request": "attach",
"name": "Attach",
"port": 9229
},
{
"name": "Launch via NPM",
"type": "node",//表示啓動類型爲node
"request": "launch",
"outputCapture": "std",//如果控制檯輸出採用的是log4js 請加上這個配置
"cwd": "${workspaceFolder}",
"runtimeExecutable": "npm", //表示採用npm run 模式啓動
"runtimeArgs": [
"run-script", "debug" //package.json 中的啓動命令
],
"port": 9229 //端口
}
]
}
步驟三:在package.json 增加調試模式啓動命令 其中node --nolazy --inspect-brk=9229 ./bin/www 這句是關鍵語氣,紅色的表示你要啓動的項目名
{
"name": "my-app",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "export NODE_ENV=tx_prod && node ./bin/www",
"debug": "export NODE_ENV=tx_prod && node --nolazy --inspect-brk=9229 ./bin/www"
},
"dependencies": {
"cookie-parser": "~1.4.3",
"debug": "~2.6.9",
"express": "~4.16.0",
"http-errors": "~1.6.2",
"jade": "~1.11.0",
"morgan": "~1.9.0"
}
}
步驟四:開始調試
效果圖: