全面解析：Flutter介绍与应用前景

一、Flutter 介绍
Flutter 是谷歌公司开发的一款开源、免费的移动设备 UI 框架，可以让我们快速地在一起 Android 和iOS 上构建高质量 App。它最大的特点就是跨平台、以及高性能。
Flutter 基于谷歌的 dart 语言，建议先学习 Dart 语言的基本语法。然后再进入 Flutter 的学习

dart：Dart 编程语言中文网 | Dart https://www.dartcn.com/

现在市面上已经有很多的混合 App 开发框架了，但是有些混合 APP 开发框架主要是针对前端开 发者的:比如 ReactNative(基于 React)、Ionic(基于 Angular、Vue、React)。有些则是 针对.Net 平台针对.Net 开发者的比如:Xamarin

Flutter 是谷歌基于 Dart 语言开发的一款跨平台的移动 App 开发框架。它针对的开发者是全部开发者。它的性能相比 RN、Ionic 这样的框架要好一些，但是现在的手机设备上看不出太大的区别。

谷歌的推广,以及国内阿里的闲鱼 App 是 Flutter 开发的（我们公司的app也是使用flutter2.0开发的）。所以 Flutter 目前(2019 年 5 月 22)关注度非常高的框架。所以非常有必要学习。因为大家都在学，我们不学是不是就 有点 Out 了。但是我们要知道的一点就是 Flutter 还比较年轻，相比 Ionic、以及 RN 这样的 老框架来说社区不是特别完善。还有就是学习成本高。希望未来社区能更加完善、学习成本 更低。

二、Windows 上面搭建 Flutter Android 运行 环境

电脑上面安装配置 JDK（Java Downloads | Oracle）下载地址

1.下载JAVA-JDK（https://www.oracle.com/java/technologies/downloads/#java8）

windows环境变量

桌面找到（此电脑）右键（属性），选择高级--环境变量

2.系统变量里面新增 JAVA_HOME，设置值为 java sdk 根目录：

2、系统变量找到Path 在 Path 环境变量里面增加如下代码 ;

%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

二、 电脑上下载安装 Android Studio

https://developer.android.google.cn/studio（自行下载）

1、下载 Flutter SDK
https://flutter.dev/docs/development/tools/sdk/releases#windows
2、把下载好的 Flutter SDK 随便减压到你想安装 SDK的目录如(D:SDK\flutter)

3、把 Flutter 安装目录的 bin 目录配置到环境变量。
需要把 D:SDK\flutter\bin 目录配置到 path 环境变量里面（如上上图...）

三、电脑上配置 Flutter 国内镜像

搭建环境过程中要下载很多资源文件，当一些资源下载不了的时候，可能会报各种错误。在

国内访问 Flutter 的时候有可能会受到限制。Flutter 官方为我们提供了国内的镜像 https://flutter-io.cn/
https://flutter.dev/community/china

拉到 Flutter 中文网最下面有配置方式，把下面两句配置到环境变量里面

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

四、运行 flutter doctor 命令检测环境是否配成功

第一次运行报错提示：

复制红色框的命令 flutter doctor --android-licenses

注意：提示Y/N 全部Y

五、打开 Android Studio 安装 Flutter 插件

搜索插件：flutter dart 安装flutter会一起安装dart

六、创建 Flutter 项目

下载 Gradle 失败解决方案:
1、开启手机热点重试
2、谷歌或者百度搜索 “android Gradle 编译时下载依赖失败”

连上安卓手机

命令运行项目：flutter run

本人现在用的mac电脑，flutter doctor运行之后的效果