Flutter开发之Debug调试(十)

之前一直在VS Code 下的终端执行 flutter run -d 设备ID 来运行flutter app,但是这样是无法断点调试的。即使你打了断点,也不起作用。要想让断点调试起作用,需要在 Debug 模式下运行flutter app。

如图在VS Code 打开的工程页面:

  1. 选择左边的 “昆虫”加斜杠的按钮;

  2. 出现图中 2 和 3;

  3. 点击 2 的 Debug右边的开始按钮;

  4. 在图中 4 的位置我加一个断点,用了查看 $result 的值;
    在这里插入图片描述

  5. 捕获断点时的效果
    在这里插入图片描述

  6. 可以在箭头 3 处的调试面板,选择执行操作。面板可以拖动。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
对于在VSCode中进行Flutter开发调试,您可以按照以下步骤操作: 1. 首先,确保您已经安装了Flutter SDK并设置了相关环境变量。您可以通过运行`flutter doctor`命令来验证安装是否成功。 2. 打开VSCode,并在插件市场中安装Flutter和Dart插件。这些插件为您提供了在VSCode中进行Flutter开发所需的工具和功能。 3. 创建一个新的Flutter项目,您可以在终端或通过命令面板执行`Flutter: New Project`命令来完成。接着,选择一个目录来存储项目文件,并输入项目名称。 4. 在VSCode中打开您的Flutter项目文件夹。在首次打开项目时,VSCode会自动检测到您的项目并提供相应的建议和工具。 5. 使用VSCode的调试功能来设置和执行调试会话。点击左侧的调试图标(或按下`Ctrl+Shift+D`),然后选择一个调试配置。如果您尚未创建调试配置文件,则可以选择"创建一个launch.json文件"。选择"Flutter"作为调试环境。 6. 配置调试器选项,例如指定要调试的设备、入口文件等。这些选项可以通过编辑launch.json文件来完成。 7. 在VSCode中打开您想要调试的Dart文件,并在需要断点的位置添加断点。您可以通过单击行号来添加/移除断点。 8. 启动调试会话,方法是点击调试工具栏中的"启动调试"按钮(或按下`F5`),然后选择适当的调试配置调试会话将在模拟器/真机上启动,并在程序遇到断点时停止。 9. 调试会话启动后,您可以使用常用的调试功能,例如单步执行、查看变量值、观察表达式等。 10. 在调试过程中,您还可以使用VSCode提供的其他功能,例如代码补全、代码导航等,以提高开发效率。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值