vscode 調試node之npm與nodemon

2019年8月24日 171次阅读 来源: 磚用西瓜

更多相關內容見博客 https://github.com/zhuanyongxigua/blog

調試nodejs有許多體式格局，能夠看這一篇How to Debug Node.js with the Best Tools Available，个中我最喜歡運用的照樣V8 Inspector和vscode的體式格局。

在vscode中，點擊誰人蜘蛛的按鈕

《vscode 調試node之npm與nodemon》

就可以看湧現debug的側欄，接下來增加設置

《vscode 調試node之npm與nodemon》

挑選環境

《vscode 調試node之npm與nodemon》

就可以看到launch.json的文件了。

《vscode 調試node之npm與nodemon》

啟動的時候，挑選響應的設置，然後點擊指向右邊的綠色三角

《vscode 調試node之npm與nodemon》

launch形式與attach形式

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "launch",
      "name": "Launch Program",
      "program": "${workspaceRoot}/index.js"
    },
    {
      "type": "node",
      "request": "attach",
      "name": "Attach to Port",
      "address": "localhost",
      "port": 5858
    }
  ]
}

當request為launch時，就是launch形式了，這是順序是從vscode這裏啟動的，假如是在調試那將一向處於調試的形式。而attach形式，是銜接已啟動的效勞。比方你已在表面將項目啟動，倏忽須要調試，不須要關掉已啟動的項目再去vscode中重新啟動，只要以attach的形式啟動，vscode能夠銜接到已啟動的效勞。當調試完畢了，斷開銜接就好，顯著比launch更輕易一點。

在debug中運用npm啟動

許多時候我們將很長的啟動敕令及設置寫在了package.json的scripts中，比方

"scripts": {
  "start": "NODE_ENV=production PORT=8080 babel-node ./bin/www",
  "dev": "nodemon --inspect --exec babel-node --presets env ./bin/www"
},

我們願望讓vscode運用npm的體式格局啟動並調試，這就須要以下的設置

{
  "name": "Launch via NPM",
  "type": "node",
  "request": "launch",
  "runtimeExecutable": "npm",
  "runtimeArgs": [
    "run-script", "dev"    //這裏的dev就對應package.json中的scripts中的dev
  ],
    "port": 9229    //這個端口是調試的端口，不是項目啟動的端口
},

在debug中運用nodemon啟動

僅僅運用npm啟動，雖然在dev敕令中運用了nodemon，順序也能夠一般的重啟，可重啟了以後，調試就斷開了。所以須要讓vscode去運用nodemon啟動項目。

{
  "type": "node",
  "request": "launch",
  "name": "nodemon",
  "runtimeExecutable": "nodemon",
  "args": ["${workspaceRoot}/bin/www"],
  "restart": true,
  "protocol": "inspector",    //相當於--inspect了
  "sourceMaps": true,
  "console": "integratedTerminal",
  "internalConsoleOptions": "neverOpen",
  "runtimeArgs": [    //對應nodemon --inspect以後除了啟動文件以外的其他設置
    "--exec",
    "babel-node",
    "--presets",
    "env"
  ]
},

注重這裏的runtimeArgs，假如這些設置是寫在package.json中的話，就是如許的

nodemon --inspect --exec babel-node --presets env ./bin/www

如許就很輕易了，項目能夠一般的重啟，每次重啟一樣會開啟調試功用。

但是，我們並不想時候開啟調試功用怎麼辦？

這就須要運用上面說的attach形式了。

運用以下的敕令一般的啟動項目

nodemon --inspect --exec babel-node --presets env ./bin/www

當我們想要調試的時候，在vscode的debug中運轉以下的設置

{
  "type": "node",
  "request": "attach",
  "name": "Attach to node",
  "restart": true,
  "port": 9229
}

圓滿！

參考資料

我在github https://github.com/zhuanyongx…

    原文作者：磚用西瓜
    原文地址: https://segmentfault.com/a/1190000014664764
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞