Windows上搭建Flutter开发环境

一、系统要求

---

要安装并运行 Flutter ，你的开发环境必须满足这些最低要求：

• 操作系统：Windows 7 或者更高版本（64 位）。
• 磁盘空间：400 MB（不包括 Android Studio 在内的磁盘空间）。
• 工具： Flutter 依赖了你环境中可用的命令行工具。
  • Git for Windows (从 Windows 命令提示符选项中使用 Git )。
    如果你已经安装了 Git for Windows ，确保你可以在 Windows 命令提示符或者 PowerShell 中运行 git 。

二、下载Flutter SDK

---

1、克隆Flutter SDK仓库

右键打开Git Bash，输入

git clone -b beta https://github.com/flutter/flutter.git

2、配置环境变量

为了可以在任意的终端会话使用 flutter 命令，你需要添加它到你的 PATH 环境变量：

• 打开 “控制面板 > 系统和安全 > 系统 > 高级系统设置 > 环境变量”。
• 在用户变量下，检测是否存在 “Path” 的环境变量：
  • 如果这个 Path 变量已经存在了，就添加;到原来的 Path 值的末尾，并且加上 flutter\bin 的全路径。
  • 如果这个 Path 变量不存在，就要在用户变量下创建新的 Path 的变量名，并且它的变量值设置为 flutter\bin 的全路径。

<!-- 我的Flutter SDK全路径 -->
D:\Flutter_SDK\flutter\bin

打开命令窗口测试一下是否配置正确，如果确认正确还是不能用，重启电脑后重试：

C:\Users\StriveStay>flutter --version
Flutter 1.0.0 • channel beta • https://github.com/flutter/flutter.git
Framework • revision 5391447fae (7 weeks ago) • 2018-11-29 19:41:26 -0800
Engine • revision 7375a0f414
Tools • Dart 2.1.0 (build 2.1.0-dev.9.4 f9ebf21297)

3、运行 flutter doctor

打开一个新的命令提示符或者 PowerShell 窗口，接着运行以下的命令，检查是否需要安装任何依赖项来完成安装：

flutter doctor

要在命令提示符或者 PowerShell 窗口运行此命令。目前， Flutter 还不支持像 Git Bash 这样子的第三方 shell。

1、设置镜像

这里需要提醒一下：
运行这个检查命令后，有可能会卡到某个地方不动了，有可能下载某个依赖失败了…(忘记截图)，我们可以通过先设置镜像来避免（Flutter关于镜像的说明）：

<!-- 先临时设置镜像 -->
C:\Users\StriveStay> set PUB_HOSTED_URL=https://pub.flutter-io.cn

C:\Users\StriveStay> set FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

最好是设置为环境变量
提前说一下，不设置的话可能会导致创建项目失败，因为总是下载不了依赖包（用梯子科学上网也不行），配置如下，确认配置正确，还是创建项目失败或卡在创建项目页都没进入Android Studio项目详情，重启电脑后重试：

2、flutter doctor

运行 flutter doctor

C:\Users\StriveStay>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v1.0.0, on Microsoft Windows [Version 10.0.17134.523], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[√] Android Studio (version 3.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

可以看到检查的项目：

• Flutter的版本和渠道

• Flutter运行所需的Android工具链

• 开发工具

• 连接设备

如上，flutter doctor帮我们检查出来了没有正确设置的项目，根据提示解决：

1、连接Android设备(开启USB调试) 或 开启一个模拟器，解决连接设备问题

2、 安装 Flutter 和 Dart 插件，解决插件问题

Flutter 的开发支持需要安装 2 个插件：

• Flutter 插件可以提高 Flutter 在开发过程中的开发效率（运行，调试，热重载等等）。
• Dart 插件提提升了代码层面的开发效率（在你敲代码的同时进行代码校验，代码自动补全等等）。

安装步骤：
Android Studio下载，需3.0及以上

• 启动 Android Studio。
• 打开插件设置（在 macOS 上路径为 Preferences>Plugins，在 Windows 和 Linux 上路径为 File>Settings>Plugins）。
• 选择 Browse repositories…，找到或者在搜索栏输入 Flutter，然后点击 install。
• 当弹出对话框提示要安装 Dart 插件的时候，点击 Yes 接受。
• 如果弹出 Restart 需要重启编辑器的时候，点击 Yes 接受。

处理完这两个错误项，再来运行flutter doctor：

<!-- 再运行flutter doctor命令 -->
C:\Users\StriveStay>flutter doctor
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Downloading Material fonts...                                0.7s
Downloading package sky_engine...                            0.5s
Downloading common tools...                                  1.1s
Downloading windows-x64 tools...                             2.6s
Downloading android-arm-profile/windows-x64 tools...         0.8s
Downloading android-arm-release/windows-x64 tools...         0.6s
Downloading android-arm64-profile/windows-x64 tools...       0.6s
Downloading android-arm64-release/windows-x64 tools...       0.6s
Downloading android-x86 tools...                             1.7s
Downloading android-x64 tools...                             1.8s
Downloading android-arm tools...                             1.1s
Downloading android-arm-profile tools...                     1.0s
Downloading android-arm-release tools...                     0.8s
Downloading android-arm64 tools...                           1.1s
Downloading android-arm64-profile tools...                   1.1s
Downloading android-arm64-release tools...                   1.4s
Downloading android-arm-dynamic-profile tools...             0.9s
Downloading android-arm-dynamic-release tools...             1.0s
Downloading android-arm64-dynamic-profile tools...           0.9s
Downloading android-arm64-dynamic-release tools...           0.8s
Downloading Gradle Wrapper...                                0.2s
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v1.0.0, on Microsoft Windows [Version 10.0.17134.523], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK 28.0.3)
[√] Android Studio (version 3.2)
[√] Connected device (1 available)

• No issues found!

如上，正确设置所有内容，Flutter的开发环境算是搭建完成了，下一篇我们开始体验Flutter的魅力。

---

个人总结，水平有限，如果有错误，希望大家能给留言指正！如果对您有所帮助，可以帮忙点个赞！如果转载，希望可以标明文章出处！最后，非常感谢您的阅读！