vscode debug怎么用? vscode配置使用debug的技巧

VS Code Debug 怎么用？

VS Code 的 Debug 功能可以帮助开发者快速定位代码错误并进行调试，以下是 VS Code Debug 的使用攻略：

步骤一：在 VS Code 中打开代码目录

在打开的文件夹下，找到要调试的代码文件，并在文件顶部或侧边栏末尾找到调试按钮。点击按钮选择“添加配置”选项。

步骤二：选择 Debugger

在选择 Debugger 前，需要在文件所对应的编程语言中寻找相应的 Debugger 插件并安装。经典的语言插件有：Python、Java、C#、JavaScript 等。

选择配置类型，并选择 Debugger。一般是选择当前开发环境中的选择。

步骤三：编辑 Debug 配置

根据你选择的 Debugger 类型，VS Code 会在配置文件中创建默认的 Debug 配置信息。

将文件中的一些变量修改为适合当前需求的默认值。例如：设置代码入口、端口号、环境变量等。

步骤四：开始 Debug

根据之前的配置完成 Debug 配置后，点击 Debug 界面中的“启动 Debug”按钮，然后在状态栏上方会显示出 Debug 插件，从而进入代码的 Debug 模式。

VS Code 配置使用 Debug 的技巧

VS Code 在使用 Debug 功能的同时，也提供了很多优秀的工具来辅助 Debug 的使用。以下是一些技巧：

技巧一：使用断点

断点是 Debug 中非常实用的工具。点击代码左侧的行数即可设置断点。在 Debug 模式下，程序执行到断点处即会暂停，以便开发人员可以检查变量值及其他状态，进而定位问题。

技巧二：使用条件断点

条件断点是指在特定情况下才会断点并跳转到 Debug 模式。这个特殊重载的机制，本质上是添加了一个条件，只有这个条件满足时，才会触发断点暂停后续代码运行。

例如，Java代码中使用条件断点：

if (x > 50) {
    System.out.println("x is greater than 50");
}

技巧三：使用 Watch 表达式

Watch 表达式允许开发人员跟踪指定变量的值。

在 Debug 模式下，在左侧的窗口下方可以看到 Watch 矩形框，通过键入表达式或变量，可以立即查看变量的值。 示例如下：

function add(a, b) {
    let c = a + b;
    return c;
}
let x = 3;
let y = 4;
let z = add(x, y);

在 Debug 模式下，运行到 return c; 处，在 Watch 表达式框输入：c，即可得到变量 c 的值：7。

示例一：JavaScript Debug 调试

步骤一：安装 NodeJs

首先在电脑中安装 NodeJs。

步骤二：创建 Express 应用程序

使用 JsonPrettier 安装 Express 库：

npm install express -g

第一个 Express 程序如下：

const express = require("express");
const app = express();
const port = 3000;
app.get("/", (req, res) => {
    res.send("Hello World!");
});
app.listen(port, () => {
    console.log(`Example app listening at http://localhost:${port}`);
});

步骤三：配置 Debug

在 VS Code 中，使用 Debug 功能配置 Express 应用程序：

{
    "type": "node",
    "request": "launch",
    "name": "Debug Express App",
    "program": "${workspaceFolder}/app.js"
}

步骤四：Debug 运行

点击 Debug 自动设置的配置项 ： Debug Express App，然后 VS Code 会自动进入 JavaScript Debug 模式，并在调试窗口的左侧显示你的代码，从而可以使用 Debugger 辅助 Debug。

示例二：Python Debug调试

步骤一：安装 Python

在环境中安装好 Python 运行时并在系统中配置环境变量。

步骤二：创建 Python 应用程序

Python程序如下：

# demo.py
sum = 0
for i in range(10):
    if i % 2 == 0:
        sum += i
print(sum)

步骤三：配置 Debug

在 VS Code 中，使用 Debug 功能配置 Python 应用程序：

{
    "name": "Python: Debug demo",
    "type": "python",
    "request": "launch",
    "program": "${workspaceFolder}/demo.py",
    "console": "integratedTerminal"
}

步骤四：Debug 运行

点击 Debug 配置项“Python: Debug demo”，然后 VS Code 会自动进入 Python Debug 模式，并在调试窗口的左侧显示您的代码，从而可以使用 Debugger 辅助 Debug。