我们程序员不论开发什么软件，都需要一把锋利的调试工具，这是必不可少的，不然出现问题了，你都不知道问题是啥，出现在哪，就更别说怎么解决了。所以我这里就介绍一下android studio开发flutter必备的调试技能，同理，你使用idea等工具开发也是一样的，因为android studio是基于idea开发的，所以操作都一样。官方文档：开发者工具概览 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

安装插件

打开设置，找到插件，搜索flutter和dart，一般都会找到，然后安装即可，这时候不论是创建项目还是调试项目，都会有flutter提示了。flutter和dart是必须的，flutter snippets是为了快捷开发增加的快捷键等操作。

运行程序

先运行你的程序，当程序顺利启动后，才能开启调试模式。或者你程序启动失败，也可以通过debug模式打断点，然后调试一下怎么回事：这个打断点应该都会吧，哥哥们

开启调试模式 

程序启动之后，然后就可以在控制台看到一个flutter的标识：Open Flutter DevTools，点击一下就可以打开浏览器，并且展示一个调试页面：这里面有类似react的组件树展示，左侧就是组件数，头部是工具栏，工具栏里面有调试，性能，存储，网络，日志等信息，当选中flutter inspector时，左侧展示组件数，右侧可以设置是否显示网格线和基线，是否让动画变慢等操作

当你点击一下显示网格线：

点一下显示基线：

点一下高亮重绘：当组件重新绘制的时候，这个边框会发生变化，可以根据此变化，寻找重绘原因，然后优化。

点击performance性能页面： 

点击cpu分析器：

点击内存分析：

点击Debug：还不如直接在idea中debug

点击网络：如果你有发送网络请求，都可以在这里看到，类似于chrom的网络请求，可以复制请求为curl

点击日志：