如需轉(zhuǎn)載請(qǐng)注明來源
首先：你的Nodejs版本必須是6.4版本以上，其次你的chrome版本必須是56或者以上的版本。
我們先給chrome做一些配置
-
打開你的chrome
55+版本：
復(fù)制：chrome://flags/#enable-devtools-experiments
Paste_Image.png
啟動(dòng)完畢記得重啟chrome。
-
56版本的同學(xué)：
按F12打開控制臺(tái)
Paste_Image.png
Paste_Image.png
Paste_Image.png
點(diǎn)開Node debugging
（由于我的是最新版本（57）所以我沒這有這一步。）
簡(jiǎn)單的配置一下package.JSON
我以當(dāng)前文件夾下面的一個(gè)index.js為例子：
Paste_Image.png
package.JSON 這里主要的scirpt 要添加--inspect(這是為什么你的node要6.4+)
Paste_Image.png
我往index.js寫點(diǎn)東西：
Paste_Image.png
這里監(jiān)聽的端口號(hào)要記住。
在終端進(jìn)入當(dāng)前文件夾：輸入命令：npm run start （或者直接npm start）
Paste_Image.png
接著你會(huì)看到以下命令：
Paste_Image.png
在chrome中輸入：你會(huì)發(fā)現(xiàn)是這樣子的（不要關(guān)掉它）
Paste_Image.png
或者是：
Paste_Image.png
別急：打開你的監(jiān)聽端口http://localhost:7000/ 刷新它你就能在另外一個(gè)頁面看到這樣：
Paste_Image.png
