nodejs代碼如何進行斷點調試？

nodejs代碼如何進行斷點調試呢？

做爲一名服務端開發人員，對代碼進行斷點調試是最基本的能力，接下來我簡單介紹兩種調試方式，一種是依賴於編輯器工具，另一種是依賴於chrome瀏覽器（兩種方式均在已安裝nodejs前提下）。

1、使用vscode編輯器

打開編輯器，新建一個項目vscode-debugger-test，建立兩個文件：
app.js:

test.js:

假如想調試test.js中log這個方法，那麼首先應該如今項目的根目錄建立一個.vscode文件夾，而後再.vscode這個文件夾下建立一個名字爲launch.json的文件：

接下來就是編寫這個json文件：

launch.json

{
    // 配置名稱，將會在啓動配置的下拉菜單中顯示
    "name": "test",
    // 配置類型
    "type": "node",
    // 請求配置類型，能夠爲launch（啓動）或attach（附加）
    "request": "launch",
    // 將要進行調試的程序的路徑
    "program": "${workspaceFolder}/app.js",
    // 程序調試時傳遞給程序的命令行參數，通常設爲空便可
    "args": [],
    // console執行方式 一、integratedTerminal 編輯器內部終端執行 二、externalTerminal 外部終端執行
    "console": "integratedTerminal"
}

編輯好了，開始調試，首先在test.js文件log函數內部第一行的最前端加上斷點，

而後點擊編輯器左邊的運行，

而後再點擊運行按鈕，開始運行，

這時候就能看到已經進入斷點了，

而後就能夠像在瀏覽器中調試js那樣，愉快的調試nodejs了，

點擊這裏能夠進行跳過斷點、中止調試、單步跳過、單步調試等操做。

參考：官方launch.json配置說明

2、使用Chrome的inspect調試

仍是使用上邊vscode-debugger-test這個項目做爲demo,但要對app.js文件稍微作下改造：

test.js文件，加一行代碼：

接下來，在終端運行 node --inspect=9229 app.js

啓動以後，在瀏覽器地址欄輸入http://localhost:9999/，顯示以下：

此時，新打開一個Chrome標籤頁，地址欄輸入
chrome://inspect/#devices

能夠看到，這時候這裏出現了一個連接，點擊進入Chrome控制檯,而後刷新http://localhost:9999/,這時候就進入了斷點的地方：

到這裏已經很是熟悉了，就像調試js同樣調試就能夠了。