vscode调试node

序言

在进行前端开发时，我们可以很方便的在谷歌浏览器上打断点调试我们的程序，但是如果使用了node来编写后台或者中间层，会发现使用谷歌是看不到node的调试和输出的，node的console.log可以在cmd窗口或者终端看到，但是还是没有直接断点调试来的直观。

配置过程

1、点击小蜘蛛

image.png

2、启动程序-添加配置

image.png

3、点击后会弹出launch.json，这个文件就是调试配置文件。
右下角有个添加配置

image.png

点击后可以选择你要增加的配置:

image.png

4、我这是express创建的，所以配置是这个样子
解释一下，program就是程序的启动入口
5、在需要打断点的地方打上断点如图

image.png

6、点击启动刚才的配置

image.png

7、启动后你可以看到顶部有个控制条，然后可以像chrome一样调试了

image.png

8、

image.png

左边可以查看详细信息,
鼠标圈选单个变量也会展示详细信息

image.png

好了，就到这，希望各位都能调试好node