Flutter —— Windows 平台下的环境搭建及问题

参考文章：
https://blog.csdn.net/m075097/article/details/79639116
https://www.jianshu.com/p/c7d4abbd48c4
https://www.cnblogs.com/lovelyYakir/p/7610396.html

一、Flutter 是什么

他是谷歌根据 Dark 语言开源的跨平台开发依赖。和目前比较火的 Reactive Native 一样，一套代码能够实现两个不同平台的 App 。之前 Flutter 只支持 Mac OS,Linux 系统。好在现在推出了 Windows 平台，可以说是非常方便了。当然，你也可以直接看 Flutter 的官方地址查看教程。

二、Flutter 的安装

第一步：安装Git

你需要安装 Git 作为 Flutter SDK 的下载工具。这里我推荐去百度软件中心下载，官网比较慢。下载完安装就可以了。

第二步：下载Flutter SDK

Windows桌面右键点击 git base here。当然你也可以选择一个文件夹打开 git 命令行窗口，输入以下命令下载 Flutter SDK。

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

注意：Flutter的下载路径要全英文并且路径不能有空格！

第三步：配置环境变量

你需要在 Windows 环境变量 Path 中添加 flutter 的路径。路径指向到 Flutter 文件的 bin 路径。

第四步：安装

打开 PowerShell（管理员）输入以下指令：

flutter doctor

Flutter 就会自动配置安装。当然你也可以在 git 上操作。前提是要在 flutter 目录的 bin 文件夹之下操作。
如果当中有某些项目显示‘X’。那就需要你去安装啦，再次输入：

flutter 

他就会自动安装对应的依赖。

第五步 开发软件

你需要安装 Android Studio 以及 Android SDK，之前有就不需要重新装了。下载完成之后在 Setting 中选择 Plugins，搜索：Flutter 和 Dark 安装。当然你还要下载Dark SDK 建议下载安装版本，他会帮你进行配置。

三、问题

1、如果仓库 clone 失败，检查代理是否可用，或者使用镜像网站。

参考:https://github.com/flutter/flutter/wiki/Using-Flutter-in-China

如果是 MacOS 或者 Linux

则直接在命令行中增加如下环境变量：

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

然后继续执行：

git clone -b dev https://github.com/flutter/flutter.git //和正常流程一样clone远程仓库代码

然后把 clone 下来的文件夹下的 bin 目录，添加到环境变量 Path 下：

export PATH="$PWD/flutter/bin:$PATH"

如果是 Windows 系统

则可以直接在我的电脑->右键->属性->高级系统设置->环境变量中：添加上述两对 key-value 值，即

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

然后同样在命令行中执行 clone 命令：

git clone -b dev https://github.com/flutter/flutter.git // 和正常流程一样 clone 远程仓库代码

然后直接在环境变量 Path 的 Value 中添加 Flutter 的 Bin 目录位置即可。

2、在执行 flutter doctor 命令时，输出到：”Unzipping Dart SDK…”之后一直等待，不往下执行：

请确认当前系统已安装 7-Zip，并在命令行中执行 7z 命令，看是否可用，如果已安装，添加 7-zip 所在路径到 path 中去，确保在名行中 7z 命令可用。

3、如果提示：Error: Unable to ‘pub upgrate’ flutter tool. Retrying in five seconds…

参考：https://github.com/flutter/flutter/issues/15076

• 1.在 flutter 目录下的 bin 目录下查看是否存在 cache->dart-sdk, 以及该目录下是否有文件存在
• 2.如果 flutter->bin->cache->dart-sdk 目录下不存在任何文件，检查 flutter->bin 目录下是否存在 $cachePath->dart-sdk,以及该目录下是否有文件。
• 3.如果在flutter->bin目录下不存在 $cachePath−>dart−sdk则可以到C盘当前用户目录下C:UsersXXXXX,查看 cachePath−>dart−sdk，则可以到C盘当前用户目录下 C:UsersXXXXX,查看 cachePath->dart-sdk 是否存在，如果存在则copy该目录下的 dart-sdk 到 flutter->bin->cache 目录下一份，重新运行：flutter doctor，看是否OK。

4、如果遇到其他问题可以到 Flutter github 的官方地址查找看是否有解决方法