Flutter开发调试

代码开发后出问题都会需要调试,调试方法很重要。

1. 断点调试

断点调试跟大家熟悉的 Chrome 的断点调试基本一致,核心是在断点处查看当前各个数据的状态情况,但是需要使用 debug 模式运行。

2. debugger调试

代码中增加一个断点语法,可以通过条件式的判断来进行断点,同样需要使用 debug 模式运行。

3.界面调试

为了能够掌握具体的布局问题,在 Web 端,我们可以通过 Chrome 工具进行分析。 Flutter 提供了可视化的界面调试方法。

3.1.使用AndroidStudio工具开发调试

Flutter开发调试_第1张图片

Flutter开发调试_第2张图片

3.2.使用其他开发工具(vscode)
flutter pub global activate devtools
flutter pub global run devtools

Flutter开发调试_第3张图片

flutter run -d xx

运行项目后会在控制台打印出对应的项目运行后地址

Flutter开发调试_第4张图片

  • 浏览器打开http://127.0.0.1:9100

Flutter开发调试_第5张图片

Flutter开发调试_第6张图片

以上是最终的调试界面,可以来进行调试。
该套工具的详细介绍可以参考开发者工具。

你可能感兴趣的:(Flutter,flutter,visual,studio,code,android,ios)