vscode中斷點調試nodejs實用方便

前言

在平時前端開發時，前端代碼在瀏覽器上能很方便的斷點調試，那麼若是要調試node後端接口的話，該如何實現斷點調試呢？

配置

1. vscode打開node項目點擊左側調試按鈕
   
2. 點擊Run and Debug
   
3. 選擇語言爲nodejs
   
4. 點擊設置按鈕添加配置
   
5. 更改lanuch.json配置文件
   

6. 添加本身的項目啓動腳本文件和配置

   {
       // 使用 IntelliSense 瞭解相關屬性。 
       // 懸停以查看現有屬性的描述。
       // 欲瞭解更多信息，請訪問: https://go.microsoft.com/fwlink/?linkid=830387
       "version": "0.2.0",
       "configurations": [
           {
               "type": "node",
               "request": "launch",
               "name": "啓動程序",
               "env": {
                   "NODE_ENV": "development"
               },
               "program": "${workspaceFolder}/bin/www"
           }
       ]
   }
   //program這個是我本身的node項目的啓動文件

1. 再次點擊斷點調試按鈕啓動斷點調試
   
2. 直接點擊啓動程序啓動斷點調試
   
3. 直接在代碼左側須要斷點的位置打個斷點標記，執行方法是會自動出發斷點
   
4. 而後經過上面的調試按鈕一步步斷點
   
5. 鼠標懸浮還能夠看到斷點的數據
   
6. 固然也可在debug console控制檯輸出斷點數據的結果 至關於瀏覽器斷點是的console控制檯
   
7. 若是要結束斷點直接點擊上面的暫停鍵
   
8. 以上就是整個vscode斷點配置和斷點調試的教程