如何使用vscode进行断点调试

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中轻松地进行断点调试。在调试过程中,我们可以借助调试面板来查看变量的值,调用栈的信息等等。相信在实际应用中,这个功能肯定会给您带来很大的帮助。

免责声明:本文来自互联网,本站所有信息(包括但不限于文字、视频、音频、数据及图表),不保证该信息的准确性、真实性、完整性、有效性、及时性、原创性等,版权归属于原作者,如无意侵犯媒体或个人知识产权,请来电或致函告之,本站将在第一时间处理。猿码集站发布此文目的在于促进信息交流,此文观点与本站立场无关,不承担任何责任。