Nestjs調試(vscode)

最近和朋友一起寫一個成本管理系統，剛好又零零碎碎看了和寫了不少js和ts的代碼。於是就想使用js的技術棧來實現，採用前後端分離的架構，前端框架使用vue，在vue.config.js中配置devServer代理。後端框架使用nestjs。前兩天剛把環境配置好，在前端代碼裏調用後端提供的一個api發現返回爲空，於是就想調試下nestjs。
不得不說文檔是個好東西，只要找得到，所有問題就能迎刃而解。不過，關於nestjs怎麼debug我還是找了一會才找到，在官網裏沒有找到debug的部分，於是在github的issue裏搜索debug vscode，找到了下面這個鏈接
https://github.com/nestjs/docs.nestjs.com/issues/217
下面是debug的配置
在.vscode下的launch.json裏配置如下：

{
  // Use IntelliSense to learn about possible attributes.
  // Hover to view descriptions of existing attributes.
  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
    {
      "type": "node",
      "request": "attach",
      "name": "Attach NestJS WS",
      "port": 9229,
      "restart": true,
      "stopOnEntry": false,
      "protocol": "inspector"
    }
  ]
}

2.在項目路徑下運行npm run start:debug
3.在vscode裏啓動調試，可以看到下面的界面

到這裏就可以正常打斷點debug了