nodejs在线调试

829 阅读1分钟

由于现在调试nodejs,都是通过服务端打印日志,由于代码逻辑越来越多的话,打印日志就很不方便,这时候就需要类似谷歌调试模式一样的方式进行调试,能提高更高的效率

1、谷歌自身支持node调试(--inspect

  • Chrome 浏览器的"开发者工具"作为官方的调试工具,使得 Node 脚本也可以使用图形界面调试,进入调试前提都需要使用--inspect,开启调试模式
  • 调试步骤如下:
    • 1、在需要调试的脚本,前面设置--inspect,开启调试模式
    "dev": "node --inspect ./build/app/app.js"
    
    • 2、在谷歌浏览器中,按F12,然后通过左上角的标志点击进入 image.png
    • 3、或者通过chrome://inspect/#devices, 通过inspect去附加
      image.png
    • 4、通过源代码,寻找需要设置断点的位置,就可以实时调试了。通过这种方式调试,可以实时更改,实时调试 image.png

2、使用vscode的调试模式

  • 原理类似,都是通过监听对应的进程
  • 步骤如下:
    • 1、vscode 安装 Debugger for Chrome 插件
    • 2、增加调试配置文件,选择Attach by Process ID选项
    • 3、生成launch.json的配置如下 image.png
    • 4、直接运行调试,选择新增选项后,然后选择对应启动程序的进程,就可以在vscode里正常调试

image.png

3、参考

Node 调试工具

ts调试

vscode两种调试模式attach、launch