4-8 Flutter调试技巧


4-8 Flutter调试技巧_第1张图片

4-8 Flutter调试技巧_第2张图片

安卓的错误代码在借助Logcat
4-8 Flutter调试技巧_第3张图片

IOS接入XCode
4-8 Flutter调试技巧_第4张图片


4-8 Flutter调试技巧_第5张图片

如何调试flutter代码


首先是debug模式下运行代码
4-8 Flutter调试技巧_第6张图片


4-8 Flutter调试技巧_第7张图片
断点可以设置表达式。这就是表达式断点。
4-8 Flutter调试技巧_第8张图片
继续运行项目,运行到下一个断点。
4-8 Flutter调试技巧_第9张图片

调试的时候查看变量的值有三种方式

鼠标放在变量上
4-8 Flutter调试技巧_第10张图片
二是变量的视窗里面
4-8 Flutter调试技巧_第11张图片
watches视窗,例如我们想在之类看变量alpha
4-8 Flutter调试技巧_第12张图片
输入alpha即可。
4-8 Flutter调试技巧_第13张图片
运行表达式
4-8 Flutter调试技巧_第14张图片

4-8 Flutter调试技巧_第15张图片
Frames视窗,它用代码在每个方法里面都有相应的记录。
4-8 Flutter调试技巧_第16张图片
例如我们想回到onScroll的上一步。
4-8 Flutter调试技巧_第17张图片
可以在Watches打印这个变量
4-8 Flutter调试技巧_第18张图片
单步执行。
4-8 Flutter调试技巧_第19张图片
进入方法内部。
4-8 Flutter调试技巧_第20张图片
强制跳入。
4-8 Flutter调试技巧_第21张图片
跳出。

运行到光标的位置上。
4-8 Flutter调试技巧_第22张图片
4-8 Flutter调试技巧_第23张图片
热更新
4-8 Flutter调试技巧_第24张图片
重新运行项目。
4-8 Flutter调试技巧_第25张图片
重新运行main.dart
4-8 Flutter调试技巧_第26张图片
运行到下一个断点位置。也就是放开代码,让它继续执行。
4-8 Flutter调试技巧_第27张图片
停止调试。
4-8 Flutter调试技巧_第28张图片

如果断点打了很多。
4-8 Flutter调试技巧_第29张图片
用来管理断点。
4-8 Flutter调试技巧_第30张图片
每个断点都会显示出来在多少行。右边可以编辑这些断点。
4-8 Flutter调试技巧_第31张图片勾选去掉。把这些断点设置为无效。
让所有的断点都失效。
4-8 Flutter调试技巧_第32张图片
断点就编程灰色了
4-8 Flutter调试技巧_第33张图片

调试还会结合控制台工具。
4-8 Flutter调试技巧_第34张图片
程序报错 ,会在控制台抛出错误信息。
4-8 Flutter调试技巧_第35张图片
点击快速链接到错误的位置
4-8 Flutter调试技巧_第36张图片

 

结束

 

你可能感兴趣的:(4-8 Flutter调试技巧)