搭建Flutter开发环境(Window环境)

本文描述如何在 Windows 10 系统中安装 Flutter 开发环境。

在官网下载 Windows 版本的安装包。如果访问官网有问题，也可以下载我放在网盘上的包:

链接: https://pan.baidu.com/s/11YERkHeDMGSB99VYLlUwGg
提取码: ru3e

安装并设置环境

解压下载的安装包。

在本文中，我将其解压在用户目录下的 d:\devel 目录中。完成这个操作后，flutter的目录是在: D:\Devel\flutter 中

设置系统环境变量: PATH

选择 “此电脑” -> “属性” -> “高级系统设置”, 在“高级”面板中选择 “环境变量”。在系统变量找到 “Path”, 选择编辑，在对话框中选择 “新建”, 填入: D:\Devel\flutter\bin

保存以后，我们可以打开一个新的命令行窗口来测试一下，设置是否正确, 在命令行窗口执行:

1	flutter --version

如果配置正确，系统会显示:

Flutter 1.9.1+hotfix.2 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 2d2a1ffec9 (4 weeks ago) • 2019-09-06 18:39:49 -0700
Engine • revision b863200c37
Tools • Dart 2.5.0

  ╔════════════════════════════════════════════════════════════════════════════╗
  ║                 Welcome to Flutter! - https://flutter.dev                  ║
  ║                                                                            ║
  ║ The Flutter tool anonymously reports feature usage statistics and crash    ║
  ║ reports to Google in order to help Google contribute improvements to       ║
  ║ Flutter over time.                                                         ║
  ║                                                                            ║
  ║ Read about data we send with crash reports:                                ║
  ║ https://github.com/flutter/flutter/wiki/Flutter-CLI-crash-reporting        ║
  ║                                                                            ║
  ║ See Google's privacy policy:                                               ║
  ║ https://www.google.com/intl/en/policies/privacy/                           ║
  ║                                                                            ║
  ║ Use "flutter config --no-analytics" to disable analytics and crash         ║
  ║ reporting.                                                                 ║
  ╚════════════════════════════════════════════════════════════════════════════╝

使用 Flutter Doctor 检查依赖

使用Flutter doctor 命令检查开发环境所依赖的软件，库是否安装完整。运行

1	flutter doctor

在我的环境中，系统会提示:

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.9.1+hotfix.2, on Microsoft Windows [Version 10.0.18362.356], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.1)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.5)
[!] VS Code, 64-bit edition (version 1.37.1)
    X Flutter extension not installed; install from
      https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
    ! No devices available

! Doctor found issues in 3 categories.

可以看到，flutter doctor 分别检测出了：1. Android SDK 的问题；2. VS Code 没有安装插件的问题; 3. 没有设备连接的问题。并都提出了解决方法。接下来就是安装解决方法去解决。

运行 “flutter doctor –android-licenses”, 按照系统提示同意所有的协议。
在 VS Code 中安装 Flutter 插件

安装完以后再次运行 “flutter doctor” 就没有问题了

设置依赖包仓库的国内镜像

默认的依赖包仓库在国外，从国内访问速度很慢，有时甚至不能访问。因此建议国内的开发人员把包仓库地址设置为国内的镜像地址。在 .bashrc 文件中加入一下内容:

选择 “此电脑” -> “属性” -> “高级系统设置”, 在“高级”面板中选择 “环境变量”。在 “系统变量” 中选择新建，

在变量名中输入: PUB_HOSTED_URL, 变量值为: https://pub.flutter-io.cn

保存以后，再新建也会给变量

在变量名中输入: FLUTTER_STORAGE_BASE_URL, 变量值为: https://storage.flutter-io.cn