在vscode编辑器中对node.js代码打断点

node.js打断点步骤

1.在vscode编辑器中,点击左侧的小图标。创建launch.js文件(这个文件创建好以后会在项目的.vscode文件下)

在vscode编辑器中对node.js代码打断点

2.选择node.js

在vscode编辑器中对node.js代码打断点
这时会自动生成并打开launch.js文件

3.将程序入口文件修改为当前项目的入口文件,并保存

我的项目中的入口文件为boot.js,所以我修改内容为下
在vscode编辑器中对node.js代码打断点

4.停掉当前的项目(如果没启动,忽略此步)

例如:pm2 delete 0

5.去想要调试的方法内部打上断点(点击行号,出现红点即可),启动程序

在vscode编辑器中对node.js代码打断点

6.打开浏览器,进行经过断点位置的程序页面的相关操作后,返回代码行,查看,F10可以单行调试等,观察数据变化,进行一步一步调试

在vscode编辑器中对node.js代码打断点
从左到右依次是:暂停,单步跳过,单步调试,单步跳出,重启,停止调试。
在vscode编辑器中对node.js代码打断点
debug模式下,在调试控制台中可以看到打印的日志、信息等。