众所周知,在前端开发过程中,我们可以通过断点的形式进行调试,方便定位数据问题,跟踪代码执行,在FLutter中其实也是可以的,笔者用的是vscode进行开发,下面针对web开发模式进行说明:
1、安装Flutter插件,这个是vscode中必要的步骤,不再过多说明,在扩展中搜索“flutter”,第一个就是
2、安装后,在右边栏多处一个图标,就是flutter插件(备注:会自动安装dart插件,无需手动安装),点击该图标,显示如下:
3、根据自己的模式进行选择模式,我是web调试,所以点击“Dart & Flutter”, 选择如下:
4、然后在需要断点的行,在代码中把断言点亮
5、点击启动图标即可,当代码运行到该行代码的时候,会跟web开发调试一样中断并定位到该代码,方便调试。
6、打开调试,执行代码
web窗口:
代码窗口:
就可以跟web一样进行调试定位问题了,这可比print方便多了,也更强大~