在vscode中對Node.js進行debug

我是juln發表於2020-11-01
  1. 先記住哪個是啟動檔案
    在這裡插入圖片描述

  2. 點選這個再點選這個
    在這裡插入圖片描述

  3. 點選這個
    在這裡插入圖片描述

  4. 點選這個
    在這裡插入圖片描述

  5. vscode會自動幫你建立出launch.json的debug配置檔案

    其中四個屬性是最重要的, type, request, name 和 program
    type是語言的型別, 如PHP, Java, Node.js等

    request是debug的型別, vscode中有兩種debug型別, launch 和 attach, 我們只需要知道launch這種型別就夠了

    name是配置名, 用於區分不同的配置

    program是啟動檔案, 我們的啟動檔案在${workspaceFolder}/bin/www.js下, 所以要改
    在這裡插入圖片描述

  6. 改成這個
    在這裡插入圖片描述

  7. 該斷點的斷點
    在這裡插入圖片描述

  8. 點選這個, 開始debug
    在這裡插入圖片描述

  9. 左邊是變數, 右邊是debug控制器, 下面是輸出和除錯控制檯

    debug控制器: 第一個是繼續執行, 直到下一個斷點. 第二個是單步跳過, 即繼續執行下一行程式碼(不跳入函式). 第三個是單步除錯, 即跳入函式並執行函式的第一行程式碼. 第四個是單步跳出, 即執行完該函式剩餘的部分並跳出該函式.

    除錯控制器的底行可以console.log()或直接輸入變數名的命令來檢視屬性, 也可執行程式碼, 如給變數賦值
    在這裡插入圖片描述

相關文章