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

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

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

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

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

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

6、打开调试,执行代码

web窗口:

代码窗口:

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

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐