Flutter 开发 vscode断点调试

本文介绍了如何在VSCode中使用Flutter插件进行Web开发模式下的调试,包括安装插件、设置断点、选择调试模式以及利用web窗口和代码窗口进行问题定位的过程。
摘要由CSDN通过智能技术生成

        众所周知,在前端开发过程中,我们可以通过断点的形式进行调试,方便定位数据问题,跟踪代码执行,在FLutter中其实也是可以的,笔者用的是vscode进行开发,下面针对web开发模式进行说明:

1、安装Flutter插件,这个是vscode中必要的步骤,不再过多说明,在扩展中搜索“flutter”,第一个就是

2、安装后,在右边栏多处一个图标,就是flutter插件(备注:会自动安装dart插件,无需手动安装),点击该图标,显示如下:

3、根据自己的模式进行选择模式,我是web调试,所以点击“Dart  & Flutter”, 选择如下:

4、然后在需要断点的行,在代码中把断言点亮

5、点击启动图标即可,当代码运行到该行代码的时候,会跟web开发调试一样中断并定位到该代码,方便调试。

6、打开调试,执行代码

web窗口:

代码窗口:

就可以跟web一样进行调试定位问题了,这可比print方便多了,也更强大~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值