VSCode 运行和调试代码

VS Code 内置了运行和调试 Node.js 应用程序的支持。

本章节,我们将使用上一部分安装的 Python 扩展来调试一个 Python 程序。

接下来就让我们调试前面创建的 hello.py 程序。

调试前确保您的计算机已安装 Python 3。

如果您的计算机上未安装 Python 解释器,窗口右下角会弹出通知。

选择 Select Interpreter(选择解释器) 打开命令面板,从中选择您想使用的 Python 解释器,或安装一个新的解释器。

设置断点

在 hello.py 文件中,将光标放置在 print 行上,点击小红点(鼠标移动到红点位置会显示),或者按下 F9 键来设置断点。

编辑器左侧的边距中会出现一个红点,表示已设置断点。

断点可以让您在程序执行到某一行代码时暂停,便于调试。

启动调试会话

按下 F5 启动调试会话。

系统会提示选择调试器,选择 Python 调试器。

选择运行当前的 Python 文件:

调试代码

程序启动后,执行会在您设置的断点处暂停。

提示:将鼠标悬停在编辑器中的 name 变量上,即可查看其值。在调试视图的 变量视图(Variables View) 中,您可以随时查看变量的值。

继续执行程序

在调试工具栏中,点击 Continue(继续) 按钮,或再次按下 F5,以继续执行程序。

VS Code 提供了许多高级的调试功能,例如监视变量(Watch Variables)、条件断点(Conditional Breakpoints)和启动配置(Launch Configurations)。

### 如何在 VSCode 中配置使用运行调试功能针对前端开发 #### 创建 `launch.json` 文件 为了启动调试会话,在VSCode中打开项目并转至“运行调试”侧边栏(或者通过快捷键Ctrl+Shift+D访问)。当不存在`launch.json`时,点击“创建 launch.json 文件”的链接[^2]。 #### 选择合适的调试环境 VSCode将会请求用户选择一个用于调试的环境。对于前端项目的调试,“Chrome”是一个常见的选项,因为许多Web应用程序都是基于浏览器执行的。这一步骤允许开发者设置特定于所选环境的参数配置项。 ```json { "version": "0.2.0", "configurations": [ { "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:3000", // 假设本地服务器端口为3000 "webRoot": "${workspaceFolder}" } ] } ``` #### 设置断点与开始调试 一旦完成了上述配置工作,就可以准备实际的调试过程了。可以在代码编辑器左边空白处单击来添加红色圆圈标记作为断点位置。这些断点会在程序运行到达指定行数时暂停执行流程以便进一步分析。完成所有必要的准备工作之后,只需按下F5键或点击绿色播放按钮即可以启动调试模式[^3]。 #### 调试过程中可用的功能 进入调试状态后,顶部会出现一个新的控制面板,提供诸如继续/停止、步过、步入等功能按钮,方便逐行检查代码逻辑;同时右侧还会显示变量监视窗口以及调用堆栈信息等辅助工具,有助于更深入理解当前上下文中各个对象的状态变化情况。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值