手把手带你会习VSCode debug,不信你还不会!

1. VSCode debug简介

VSCode是一款非常流行的代码编辑器,提供了非常方便的调试功能。使用VSCode调试代码可以简化发现和纠正代码错误的过程。VSCode支持多种编程语言的调试。

2. 快速配置VSCode debug

2.1 步骤1:添加launch.json文件

首先,在VSCode的左侧导航栏中,单击调试图标。如果没有调试配置,请单击“添加配置”,并选择要添加的调试环境。选择适当的调试环境后,将自动在.vscode目录中创建一个launch.json文件。

2.2 步骤2:配置launch.json文件

修改launch.json文件,使其适合您的代码。例如,在Node.js的调试配置中,可以指定要调试的JavaScript文件、要传递给Node.js的命令行参数等。

{

"version": "0.2.0",

"configurations": [

{

"type": "node",

"request": "launch",

"name": "Launch JavaScript Program",

"program": "${workspaceFolder}/index.js",

"cwd": "${workspaceFolder}"

}

]

}

上述是Node.js的调试配置示例。其中type指定调试环境;request指定启动调试的方式;name是配置的名称;program是要调试的文件名称;cwd是文件所在文件夹路径。

2.3 步骤3:在VSCode中调试代码

完成上述步骤后,您可以单击左侧导航栏中的调试图标,选择要调试的配置,然后按F5启动调试。您还可以使用其他常用功能,例如断点、执行标记等。

3. 常用调试技巧

3.1 断点技巧

在VSCode调试代码时,使用断点可以让您更好地理解代码并发现错误。在VSCode中使用断点非常简单。只需在代码中单击左侧代码行号,即可添加断点。

使用断点调试代码时,有一些需要注意的技巧:

在修改代码后,需要重新启动调试会话以使更改生效。

单击左侧代码行号上的断点会使其启用或禁用。

添加条件断点可以使断点仅在特定条件满足时才停止。

3.2 悬停技巧

在调试代码时,悬停功能可以让您快速查看代码的变量值和对象属性。只需将鼠标悬停在代码中的变量、对象或表达式上,即可查看其当前值。

3.3 条件断点技巧

条件断点可以使代码仅在满足特定条件时才停止。要添加一个条件断点,请右键单击要停止的断点,然后选择“编辑断点”。在条件输入框中输入条件,例如x == 10。

4. 调试Python代码

使用VSCode调试Python代码非常容易。只需在.vscode/launch.json文件中添加Python配置即可:

{

"version": "0.2.0",

"configurations": [

{

"name": "Python: Terminal (current file)",

"type": "python",

"request": "launch",

"program": "${file}",

"console": "integratedTerminal"

}

]

}

然后在代码编辑器中添加断点,按F5启动调试,即可使用VSCode调试Python代码。

5. 总结

本文介绍了如何使用VSCode调试代码,包括快速配置VSCode debug、常用调试技巧和调试Python代码。调试是编写高质量代码的重要组成部分。使用VSCode的调试功能可以帮助您更轻松地找到和纠正代码错误,提高代码质量。希望这篇文章能够帮助您更好地使用VSCode调试代码!