一、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 的官方地址查找看是否有解决方法