Flutter 进阶（二）——搭建 Flutter 开发环境

Design your apps

 一、说明

在上一篇文章Flutter 进阶（一）：为什么 Flutter 是跨平台开发的终极之选中，笔者介绍了 Flutter 开发的优势与原理。既然要学习 Flutter，我们下一步就需要搭建 Flutter 的开发环境。由于笔者的计算机时 Windows 系统的，下面的教程也是基于 Windows 系统。使用 macOS、Linux、Chorme OS 系统的读者可以参考本文，也可以前往 Flutter 中午社区查看安装与环境搭建方法：

https://flutter.cn/docs/get-started/install

二、在 Windows 系统上搭建 Flutter 开发环境

1. 系统配置要求

想要成功搭建 Flutter 开发环境，你的计算机至少要满足以下条件：

· 操作系统：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位操作系统）。

· 磁盘空间：除安装 IDE 和一些工具之外还应有至少 1.32 GB 的空间。

· 必要的工具：要让 Flutter 在你的计算机上正常使用，必须安装以下两个工具：

Windows PowerShell5.0 或者更高的版本（Windows 10 中已经预装了）

Git for Windows2.x，并且勾选从 Windows 命令提示符使用 Git 选项。确保能从命令提示符或者 PowerShell 中直接执行 git 命令（添加至环境变量）。

如果你的计算机没有这两个工具，请先安装，安装教程笔者不在赘述，不清楚的读者请自行上网搜索。

2. 获取 Flutter SDK

读者可以前往 Flutter 官网下载 Flutter SDK：

https://flutter.dev/docs/development/tools/sdk/releases#windows

笔者使用的是当前（2021/02/21）最新稳定版1.22.6。要下载这一版本，网址如下：

https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_1.22.6-stable.zip

以后要升级 Flutter SDK，只需执行下面的命令：

flutter upgrade

Flutter 有 4个发布渠道，分别是 stable, beta, dev, 和 master。推荐下载使用稳定性高的 stable 渠道。

要查看你当前使用的哪个渠道，使用下面的命令：

flutter channel

要切换到其它渠道(比如dev渠道)，使用以下命令：

flutter channel dev

flutter upgrade

将下载的压缩包解压，注意，不要解压到 C:\Program Flies\ 等需要较高权限的目录下。笔者将其解压到 C:\Android\FlutterSDK 目录下。

3. 添加环境变量

在Windows开始菜单旁的搜索功能内键入 env 选择 编辑系统环境变量，点击右下方 环境变量 进入环境变量编辑，在 用户变量 的 PATH 条目中新增Flutter SDK的bin文件夹所在目录地址，以 ; 与其他地址隔开。比如笔者新增地址 C:\Android\FlutterSDK\bin 。

Flutter使用Dart语言开发，Flutter SDK包含了Dart SDK，所以无需单独下载。

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像。将如下环境变量加入到用户环境变量中：

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

注意：等号前为变量名，等号后为变量值！格式如下图：

环境变量更新后需要重启计算机。

4. 运行 flutter doctor

接下来在命令提示符 cmd 中执行命令：

flutter doctor

第一次运行一个 Flutter 命令（如 flutter doctor）时，会下载依赖项并自行编译。以后再运行就会快得多。

上述命令会检查你的现有环境，并将检测结果以报告形式呈现出来。仔细阅读它显示的内容，检查是否有尚未安装的软件或是有其他的步骤需要完成（通常会以粗体呈现）。比如运行结果如下：

运行结果

接下来将执行以下命令解决第一个报错：

flutter doctor --android-licenses

5. 编辑器设置

进行 Flutter 开发，推荐使用 VS Code 或者 Android Studio。VS Code 是轻量级编辑器，支持 Flutter 开发、运行、调试。Android Studio 可以为 Flutter 提供完整的 IDE 体验。

（1）VS Code 配置

安装 VS Code 1.20.1 或更高版本。

安装 Flutter 插件：打开 VS Code，打开查看>命令面板，输入 install，然后选择扩展: 安装扩展。在扩展搜索输入框中输入 flutter，然后在列表中选择Flutter并安装。此过程中会自动安装必需的 Dart 插件。点击重新加载以重新启动 VS Code。

验证安装：打开查看>命令面板，输入 doctor，选择Flutter: Run Flutter Doctor。查看输出 (OUTPUT) 面板查看是否有错误，确保在不同的输出选项 (Output Options) 的下拉列表中选择了  Flutter。

（2）Android Studio 配置

安装 Android Studio 3.0 或之后的版本

安装 Flutter 和 Dart 插件：打开 Android Studio，打开插件设置（在 v3.6.3.0 以上打开Configure>Plugins）。然后选择 Flutter 插件安装。当弹出安装 Dart 插件提示时，点击 Yes。弹出重新启动提示时，点击 Restart。

三、总结

Flutter 开发环境的搭建到这里就结束了。VS Code 作为一款插件丰富的轻量级编辑器，非常适合Android 开发初学者和英语不太好（VS Code 有中文插件）的开发者与爱好者使用。当然，完整的 IDE 开发体验还得看 Android Studio。