美文网首页JavaScript饥人谷技术博客Web前端之路
如何使用chrome进行nodejs调试(干货)

如何使用chrome进行nodejs调试(干货)

作者: 枸杞辣条 | 来源:发表于2017-03-19 23:24 被阅读106次

    本文归饥人谷和本人所有,如需转载请注明来源

    首先:你的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

    相关文章

      网友评论

        本文标题:如何使用chrome进行nodejs调试(干货)

        本文链接:https://www.haomeiwen.com/subject/uijvnttx.html