[开发工具]VSCode调试代码的三种方式

VSCode调试代码的三种方式

一、配置auto-attach(影响全局的终端)

在vscode的终端里运行node时，根据不同的选项，自动判断是否启动debug模式。

ctrl + shift + p 打开命令框并输入auto-attach根据自己实际情况设置其值，老版本默认选项是smart，新版本改成了disabled。

注意：通过上面的方式(auto-attach)控制的是vscode中启动的所有终端。

二、JavaScript Debug Terminal(debug 终端)

通过ctrl + `打开vscode内置终端，在右上角加号那选择JavaScript Debug Terminal选项打开一个debug模式的终端，在这个里面启动的node都会进入debug模式。

注意：这种方式只控制它启动的这一个终端。

三、Launch Configuration(启动配置)

在vscode左侧菜单栏的第四个按钮中有一个自定义运行和调试创建launch.json文件点击后选择node，并且会在.vscode/launch.json创建这个配置文件

调试按钮

1. 继续：点击后执行到下一个断点的位置，若之后无断点，则认为本次代码执行完成。
2. 单步跳过：点击后执行下一行代码，不会进入函数内部。
3. 单步调试：点击后进入函数的内部。
4. 单步跳出：点击后跳出当前调试的函数内部。
5. 重启：重新debug。
6. 断开连接：结束。