1. 什么是断点调试
断点调试是程序员在代码的执行过程中暂停程序的执行,可以逐行地查看程序的执行过程和变量的变化情况,同时也可以修改变量的值,方便我们寻找程序的错误。
在使用断点调试时,用户可以在希望暂停程序执行的代码处进行设置,这个设置的点称为“断点”,一旦程序执行到这一行代码,程序就会暂停。
2. VS Code中的断点调试
2.1 打开vscode的debug面板
我们首先要打开VSCode内置的debug面板。打开VSCode后,在左侧的第五个图标(Debug)中,点击新建配置按钮(launch.json)。
{
"version": "0.2.0",
"configurations": [
]
}
然后,我们在configurations属性中按照下面的方式添加配置信息:
"configurations": [
{
"type": "node",
"request": "launch",
"name": "启动程序",
"program": "${workspaceFolder}/app.js"
}
]
其中type属性指定了调试的目标是nodejs应用程序,request属性指定了如何启动调试,name属性指定了调试的名称,program属性指定了启动的应用程序。
2.2 设置断点
要设置断点,我们只需在代码行号的位置,单击可以添加或去除断点的圆形图标,或者使用快捷键F9来进行添加或去除断点。
设置断点后,我们就可以开启调试模式来运行应用程序了。
2.3 调试面板的使用
接下来我们就可以使用调试面板来进行调试了。在“调试”面板中,我们可以单击运行按钮(F5)来启动调试。在启动调试之后,我们会进入断点调试模式,可以在调试区域查看和修改程序的执行情况。
此时我们可以逐行地执行代码,查看变量的变化情况,并且可以在watch栏中加入变量来观察变量的值的变化。
当我们在调试过程中遇到问题,想要查看错误发生的位置时,可以使用调用栈,在“调试”面板中选择“调用栈”选项,就可以查看当前调用的所有函数以及函数调用的位置。
在调试过程中,我们还可以在“变量”栏中查看和修改变量的值。此外,我们还可以使用console对象向控制台输出信息进行调试,方便我们在控制台中查看运行情况。
3. 总结
断点调试是调试程序的一个重要步骤,它可以帮助我们逐行调试程序、查看变量的变化和调用栈等。VS Code提供了内置的调试面板,方便我们使用断点调试调试程序。
通过上述步骤,我们可以在VS Code中轻松地进行断点调试。在调试过程中,我们可以借助调试面板来查看变量的值,调用栈的信息等等。相信在实际应用中,这个功能肯定会给您带来很大的帮助。