如何使用chrome进行nodejs调试（干货）

如需转载请注明来源

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

我们先给chrome做一些配置

1. 打开你的chrome

55+版本：
复制：chrome://flags/#enable-devtools-experiments

Paste_Image.png

启动完毕记得重启chrome。

2. 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