如何使用chrome進行nodejs調試（乾貨）

首先：你的Nodejs版本必須是6.4版本以上，其次你的chrome版本必須是56或者以上的版本。

我們先給chrome做一些配置

1. 打開你的chrome

55+版本：
複製：chrome://flags/#enable-devtools-experiments

Paste_Image.png

啓動完畢記得重啓chrome。

1. 56版本的同學：

按F12打開控制檯

Paste_Image.png

 

Paste_Image.png

Paste_Image.png

 

點開Node debugging
（由於我的是最新版本（57）所以我沒這有這一步。）

---

簡單的配置一下package.JSON

我以當前文件夾下面的一個index.js爲例子：

 

Paste_Image.png

package.JSON 這裏主要的scirpt 要添加--inspect(這是爲什麼你的node要6.4+)

 

Paste_Image.png

我往index.js寫點東西：

 

Paste_Image.png

 

這裏監聽的端口號要記住。

在終端進入當前文件夾：輸入命令：npm run start （或者直接npm start）

 

Paste_Image.png

接着你會看到以下命令：

Paste_Image.png

在chrome中輸入：你會發現是這樣子的（不要關掉它）

Paste_Image.png

 

或者是：

Paste_Image.png

別急：打開你的監聽端口http://localhost:7000/ 刷新它你就能在另外一個頁面看到這樣：

Paste_Image.png

作者：枸杞辣條
鏈接：https://www.jianshu.com/p/a3047eabd06d
來源：簡書
簡書著作權歸作者所有，任何形式的轉載都請聯繫作者獲得授權並註明出處。