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

• 一、说明

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

  • 1. 系统配置要求
  • 2. 获取Flutter SDK
  • 3. 添加环境变量
  • 4. 运行flutter doctor

  • 5. 编辑器设置

    • （1）VS Code配置
    • （2）Android Studio配置
• 三、总结

---

一、说明

要学习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 PowerShell 5.0 或者更高的版本（Windows 10 中已经预装了）
  • Git for Windows 2.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。

如果你对Android Studio下载、安装、配置过程有问题，建议你看看这篇文章：《Android Studio最新最详细安装教程》

三、总结

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