在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 或点击“运行”按钮启动调试。
程序会在断点处暂停,此时你可以:
查看左侧“变量”面板中的当前作用域变量 使用顶部调试工具栏单步执行(步入、步过、跳出) 在“调试控制台”中输入表达式查看结果 鼠标悬停在变量上快速查看其值基本上就这些。只要配置正确,断点调试就能直观地帮你理解代码执行流程。
以上就是如何在VSCode中设置断点调试的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/584221.html
微信扫一扫
支付宝扫一扫