在vscode中设置断点可逐步执行代码并查看变量值，通过点击行号左侧添加断点，支持条件断点和禁用断点；需配置launch.json文件定义调试环境，如node.js项目；启动调试后程序在断点暂停，可查看变量、单步执行及在控制台输入表达式，帮助理解代码流程。

在 VSCode 中设置断点进行调试非常实用，能帮助你逐步执行代码、查看变量值和排查问题。整个过程依赖于正确的调试配置和编辑器操作。

设置断点的方法

在代码行号的左侧点击，会出现一个红点，表示已设置断点。这个红点就是断点标记，程序运行到这一行时会暂停。

支持的操作包括：

• 点击行号左侧添加或删除断点
• 右键断点可设置条件断点，比如“仅当变量等于某值时才中断”
• 禁用某个断点而不删除：点击断点使其变为空心圆

配置调试环境（launch.json）

VSCode 使用 launch.json 文件来定义调试配置。你需要为项目创建这个文件。

步骤如下：

面试猫

AI面试助手，在线面试神器，助你轻松拿Offer

39

查看详情

• 打开“运行和调试”侧边栏（Ctrl+Shift+D）
• 点击“创建 launch.json 文件”
• 选择环境，如 node.js、python、c++ 等

例如，Node.js 的基本配置：

{ “version”: “0.2.0”, “configurations”: [ { “name”: “Launch index.js”, “type”: “node“, “request”: “launch”, “program”: “${workspaceFolder}/index.js” } ] }

启动调试并查看信息

配置完成后，选择调试配置，按 F5 或点击“运行”按钮启动调试。

程序会在断点处暂停，此时你可以：

• 查看左侧“变量”面板中的当前作用域变量
• 使用顶部调试工具栏单步执行（步入、步过、跳出）
• 在“调试控制台”中输入表达式查看结果
• 鼠标悬停在变量上快速查看其值

基本上就这些。只要配置正确，断点调试就能直观地帮你理解代码执行流程。