node 學習 之 調試

第一種，打日誌

console.dir 或者 console.log

console.dir 會把屬性和方法打印出來

第二種，斷點調試

1. node inspect

node debug xx.js （已廢棄）

替代者是 node inspect

在代碼里加入debugger

 

例如：創建一個index.js

for (let i = 0; i < 10; i ++) {
    debugger;
    console.log(i);
    console.log('111111111111');
    console.log('222222222222');
}

執行 node inspect index.js

會變成 debug> 模式

命令

next: 執行下一行

cont: 執行下一個斷點

repl: 在當前斷點地方進入輸出模式

 

2. node --inspect-brk

貨真價實的打開 devtool 來調試。

執行 node --inspect-brk index.js

我們會得到一個路徑

把這個路徑 127.0.0.1:9229/9f9255f2-bdef-4244-be58-99543d79fe7c 輸入到瀏覽器。

打開 f12 會發現有一個node 的 圖標，點擊圖標就會打開node的調試工具了。（如圖，紅色箭頭）

3. vscode 調試

vscode 自帶的調試工具，按下 F5，就可以運行代碼了 。

如果失敗，就打開一個 launch.js 文件，一般情況是路徑錯誤，我這裏是這樣寫的。

workspaceFolder 就是你在 vscode 打開的當前目錄的路徑，在後邊把你要調試的相對於當前目錄的文件的路徑加上

在 vscode 裏支持你用鼠標打斷點，就像下邊這個圖這樣，鼠標放在代碼前面，出現一個紅點，紅點就是一個斷點