Node.js如何進(jìn)行調(diào)試

這篇文章給大家分享的是有關(guān)Node.js如何進(jìn)行調(diào)試的內(nèi)容。小編覺(jué)得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧。

調(diào)試是解決程序問(wèn)題的必備工具，在最早的時(shí)候 Node 的調(diào)試有些麻煩，社區(qū)也有不少工具包輔助，現(xiàn)在 Node 的調(diào)試已經(jīng)比較簡(jiǎn)單，常用的有幾種

Chrome DevTools

Chrome 開(kāi)發(fā)者工具交互通過(guò) V8 Inspector Protoco 調(diào)試協(xié)議，使用 websocket 和 開(kāi)發(fā)工具交互，提供了圖形化的調(diào)試界面，操作非常簡(jiǎn)單

#1 命令行 --inspect-brk

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

#2 瀏覽器 inspect 界面

使用 Chrome 打開(kāi)地址 chrome://inspect ，點(diǎn)擊 Remote Target 中調(diào)試的文件名 "inspect" 按鈕

#3 進(jìn)入 Chrome 調(diào)試界面

--inspect-brk 會(huì)讓用戶(hù)代碼第一行執(zhí)行前停住，防止沒(méi)來(lái)及 debug 代碼就執(zhí)行結(jié)束了，Web 服務(wù)腳本會(huì)一直在后臺(tái)運(yùn)行，使用 --inspect 即可

VS Code

上面的操作步驟還是稍微有些麻煩，大部分 IDE 都給封裝了調(diào)試界面，可以真正做到一鍵調(diào)試，VS Code 幾乎是前端的事實(shí)標(biāo)準(zhǔn) IDE，簡(jiǎn)單介紹一下其調(diào)試方法

#1 點(diǎn)擊調(diào)試按鈕

#2 創(chuàng)建 launch.json

第一次調(diào)試需要?jiǎng)?chuàng)建一個(gè) launch.json 文件，點(diǎn)擊后會(huì)生成默認(rèn)值

{
  // 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 ，通過(guò) program 指定調(diào)試文件

1. ${file} 調(diào)試當(dāng)前文件
2. ${workspaceFolder}\\index.js 調(diào)試項(xiàng)目目錄的 index.js 入口文件

#3 點(diǎn)擊 “Launch Program”

感謝各位的閱讀！關(guān)于Node.js如何進(jìn)行調(diào)試就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！