Flutter进阶篇（1）-- 手把手带你快速上手调试Flutter项目

声明：本文是作者AWeiLoveAndroid原创，版权归作者AWeiLoveAndroid所有，侵权必究。如若转发，请注明作者和来源地址！未经授权，严禁私自转载！

对于开发项目来说，调试控制工具是不可少的，开发者是一定要掌握调试工具的使用，一来是为了查看log日志，一来是为了排查错误，再一个原因是可以查看内存占用情况，以便后续性能优化。

Flutter的调试主要有3个需要去关注的，一个是Flutter Outline，一个是Flutter Inspector，还有一个是log控制台。前者主要是用于视图预览，后者是用于性能调试，log控制台用于查看log信息以及定位错误等。
下面就详细的讲解一下如何使用Flutter的调试工具。

---

Flutter系列博文链接 ↓：

工具安装：

• Flutter从配置安装到填坑指南详解

Flutter基础篇：

• 谷歌Flutter1.0正式版发布
• Flutter基础篇（1）-- 跨平台开发框架和工具集锦
• Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法
• Flutter基础篇（3）-- Flutter基础全面详解
• Flutter基础篇（4）-- Flutter填坑全面总结
• Flutter基础篇（5）-- Flutter代码模板，解放双手，提高开发效率必备
• Flutter基础篇（6）-- 水平和垂直布局详解
• Flutter基础篇（7）-- Flutter更新错误全面解决方案(图文+视频讲解)
• Flutter基础篇（8）-- Flutter for Web详细介绍
• Flutter基础篇（9）-- 手把手教你用Flutter实现Web页面编写
• Flutter1.9升级体验总结（Flutter Web 1.9最新版本填坑指南）

Flutter进阶篇：

• Flutter进阶篇（1）-- 手把手带你快速上手调试Flutter项目
• Flutter进阶篇（2）-- Flutter路由详解
• Flutter进阶篇（3）-- Flutter 的手势（GestureDetector）分析详解
• Flutter进阶篇（4）-- Flutter的Future异步详解
• Flutter进阶篇（5）-- 使用Flutter创建插件详解并发布到Pub库
• Flutter进阶篇（6）-- PageStorageKey、PageStorageBucket和PageStorage使用详解
• Flutter进阶篇（7）-- Flutter路由轻量级框架FRouter

Dart语法系列博文链接 ↓：

Dart语法基础篇：

• Flutter基础篇（2）-- 老司机用一篇博客带你快速熟悉Dart语法(这是Dart语法系列的第一篇)
• Dart的语法详解系列篇（二）-- 类与函数
• Dart的语法详解系列篇（三）-- mixin入门
• Dart的语法详解系列篇（四）-- 泛型、异步、库等有关详解
• Dart2.6正式版发布，支持编译为native可执行文件

Dart语法进阶篇：

• Dart语法进阶篇（一）-- Dart源码的排序算法详解

---

一、基础配置和设置

在讲解调试工具之前，先来看看有关的设置选项，点击菜单栏File-->Settings-->Languages & Frameworks --> Flutter，打开之后设置如图2.6.1所示，重点字段我都翻译成了中文，帮助大家理解，如果不是很熟悉这个设置，推荐大家按照我这样去配置。

【提示】如果Flutter Outline和Flutter Inspector没有出现在侧边栏（默认是在右边侧边栏），建议重启Android Studio，如果还没有出现，建议卸载Flutter插件，重新安装一次，安装完记得重启Android Studio。

基础配置和设置

二、介绍一下log控制台

控制台是调试程序必须要看的一个辅助工具，控制台有两个：一个是调试Android程序的 LogCat调试台，另一个是Flutter里面自带的Run控制台。LogCat调试台主要是查看原生Android有关的日志的，我们这里就不详细讲解它，我们重点来看了解一下Run控制台。

Run控制台在工程创建的时候是没有的，当我们运行项目的时候，Run控制台就会出现在底部菜单栏，如图所示：