用了nodejs却不知道如何调试,教你最简单易懂的调试方法

203 阅读1分钟

使用node --inspect-brk 和 chrome devTool 结合进行调试

使用node --inspect-brk 先跑起来代码

image.png

在chrome中打开 chrome://inspect/#devices 就可以看到可以调试的nodejs代码

image.png

点击inspect就可以开始调试代码了

image.png

vscode调试

一般我们都在chrome中进行断点调试,但是vscode也可以用来调试,而且用vscode有更多优势

  1. 在编辑器里面给代码打断点,还可以边调试边改代码。
  2. 调试 Node.js 的代码和调试网页的代码用同样的工具,经验可以复用,体验也一致。

vscode需配置 .vscode/launch.json

{
    "configurations": [
        {
            "name": "Launch Chrome",
            "request": "launch",
            "url": "http://localhost:8000/",
            "type": "pwa-chrome",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

这是vscode的调试界面

image.png