Flutter快学快用24讲--04 Hello Flutter：三步法掌握 Flutter，开始你的第一个应用

本课时将进入 Flutter 开发实践应用。在进入实践应用之前，我先讲解最基础的环境搭建，然后会应用 Dart 语言开发第一个 App — Hello Flutter，最后再讲解一些开发过程中常用的调试方法和工具。

本课时需要一定的实践动手能力，因此在学习的时候建议你打开电脑按照里面的步骤进行学习。

第一步：环境搭建

环境构建方法在官网已提供了非常详细的指引，你可以参考官网指引 《起步:安装 Flutter》。这里我先介绍一些共性的问题，然后再分别从 Mac 系统 和 Windows 系统介绍其中比较有代表性的问题。

常见问题

以下是大家很容易忽视的几个问题。

• 环境要求，你需要注意 Flutter 的环境要求，很多人都会忽视这一点，导致在安装过程中遇到问题才会回头看环境要求，所以无论自己对配置如何了解，都需要按照官网的指引去检查每个配置项。

• Flutter 下载，请尽量下载当前稳定版本，避免因为不稳定版本导致的其他环境要求，导致安装不成功。

• Android Studio 工具安装，Flutter 的配置运行需要依赖 Android Studio 来完成，因此在安装之前可以先准备好 Android Studio 的安装配置，并且需要了解其中关于 Flutter 插件和 Dart 插件的安装，这些在 Flutter 官网 有详细的解释说明。

• Anroid Studio 出现 unable to access android sdk add-on list，出现这个问题，可以修改 Android Studio 安装目录 bin 下的 idea.properties 文件，在文件最后一行增加如下配置。

disable.android.first.run = true

• Android Studio 网络代理，如果你的网络有代理，也需要进行配置，如果没有正确配置，将导致 Andorid Studio 提示 flutter pub upgrade 无法正常更新。

• Flutter Doctor 核心点检查，需要认真检查其中的每一项，对于其中的问题项，Doctor 一般会提供具体的解决方案。

• 点击 Finish 长久未响应（或者执行 flutter pub upgrade 未响应），这种情况会出现“This is taking an unexpectedly long time”提示，如果出现这个提示，很大可能是你的镜像配置没有按要求配置。你可以参考以下这段配置，第一个是 Flutter 的命令行工具，第二个则是 Dart 的命令行工具，后面两个镜像配置很关键。

PATH=$PATH:/Users/用户名/Downloads/flutter-main/bin
PATH=$PATH:/Users/用户名/Downloads/flutter-main/bin/cache/dart-sdk/bin
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

• Flutter SDK path not gi