Node.js進行偵錯的幾種方法介紹

2020-11-24 21:01:10

相關推薦:《》

偵錯是解決程式問題的必備工具,在最早的時候 Node 的偵錯有些麻煩,社群也有不少工具包輔助,現在 Node 的偵錯已經比較簡單,常用的有幾種

Chrome DevTools

Chrome 開發者工具互動通過 V8 Inspector Protoco 偵錯協定,使用 websocket 和 開發工具互動,提供了圖形化的偵錯介面,操作非常簡單

#1 命令列 --inspect-brk

使用命令列 node --inspect-brk YOUR_FILE_PATH.js

#2 瀏覽器 inspect 介面

使用 Chrome 開啟地址 chrome://inspect ,點選 Remote Target 中偵錯的檔名 "inspect" 按鈕

#3 進入 Chrome 偵錯介面

--inspect-brk 會讓使用者程式碼第一行執行前停住,防止沒來及 debug 程式碼就執行結束了,Web 服務指令碼會一直在後臺執行,使用 --inspect 即可

VS Code

上面的操作步驟還是稍微有些麻煩,大部分 IDE 都給封裝了偵錯介面,可以真正做到一鍵偵錯,VS Code 幾乎是前端的事實標準 IDE,簡單介紹一下其偵錯方法

#1 點選偵錯按鈕

#2 建立 launch.json

第一次偵錯需要建立一個 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": "launch",
      "name": "Launch Program",
      "skipFiles": [
        "<node_internals>/**"
      ],
      "program": "${file}"
    }
  ]
}

一般需要修改的就是 program ,通過 program 指定偵錯檔案

  1. ${file} 偵錯當前檔案
  2. ${workspaceFolder}\\index.js 偵錯專案目錄的 index.js 入口檔案

#3 點選 「Launch Program」

具體操作、設定參考 https://code.visualstudio.com/docs/nodejs/nodejs-debugging

更多程式設計相關知識,請存取:!!

以上就是Node.js進行偵錯的幾種方法介紹的詳細內容,更多請關注TW511.COM其它相關文章!