这是一篇菜鸟萌新初次上手 Flutter 的实践过程记录，老鸟请自行略过哈~最近大家都在说 Flutter，还不是因为 Google 爸爸刚刚发布了 Flutter 1.0 版本，简单了解了下，类似于微信小程序等等的一种跨平台解决方案，操作流畅度据说不管是 iOS，还是 Android，都可以“如丝般顺滑”，这么腻害？赶紧入坑看一看~

Flutter简介

简介啥的自己查一查看看就好，不过这一篇还是比较好的，传送门：Flutter – 不一样的跨平台解决方案 。老实说这篇实践就是根据它来的，哈哈哈哈，感谢大佬！

Flutter安装配置

本文介绍的是在 Windows10 系统上 AndroidStudio 中安装配置 Flutter 的方法和步骤，其他系统环境欢迎查看参考文献1.
Flutter中文网是个不错的网站，居然有中文文档不错不错，自学能力不错的可以自己捣鼓。首先，要添加环境变量到自己的用户环境变量中。国内访问 Flutter 有时可能会受到限制（会KXSW的可自行忽略），Flutter 官方就为中国开发者搭建了临时镜像下载 window 版本的 Flutter 资源文件，大家可以将如下环境变量加入到用户环境变量中：

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

这个是 Linux 系统的命令，在 windows 系统中也很简单，就是配置环境变量：

 

 

图1 设置环境变量

 

 

图2 设置环境变量

注意： 这镜像还只是临时的，万一哪天和组织联系不上了，还有组织留下的线索——Using Flutter in China。 上面环境变量设置完之后就可以开始下载Flutter安装包了。 Using Flutter in China这个网址不仅有官方下载原地址，还有镜像下载地址：
Original URL:

Mirrored URL:
 我是用镜像地址下载的，速度很快，亲试有效。
不仅如此，这个网址还提供了上海交通大学的镜像地址，如果之前设置的地址不能访问，可以设置这个地址，设置方法和之前环境配置一样：
FLUTTER_STORAGE_BASE_URL:  PUB_HOSTED_URL: 
将Flutter下载完成之后，将其解压放在权限较低的文件目录中，不建议放在X:/Program Files目录下，建议放在别的目录中：

 

 

图3 flutter 存放目录

然后进入目录中，双击打开 flutter-console.bat ，进入 Flutter 命令行窗口：

 

 

图4 flutter 命令行窗口

fl的utterflutterflutter

图中可以看出怎样在cmd中直接运用 flutter 的命令，无非就是将flutter的路径添加到系统环境变量中。
输入命令检查Flutter安装情况：

flutter doctor

出现XX或者！的地方都是有问题的，比如说我这里有4个问题：
– Some Android licenses not accepted – Flutter plugin not installed – Dart plugin not installed – No devices available

 

 

图5 flutter 安装可能出现的问题

第一个问题，只需要如图中所示执行下面命令，然后一路输入“y”同意即可：

flutter doctor --android-licenses

在这里我遇到了一个问题，提醒说

A newer version of the Android SDK is required. To update, run: /Users/iOSCMB/AndroidStudio/SDK/tools/bin/sdkmanager –update

但是当我在命令行中执行这个命令的时候，又报错。报错信息是：

Warning:An error occurred during installation:Failed to move away or delete existing target file: D:\User\XXX\Android\SDK\tools Move it away manually and try again..

千万不要按照它所说的把这个目录给删除，这是没有给Android SDK授权的原因，我们可以在命令后加 -v 来查看更详细的报错信息：

sdkmanager --update -v

 

 

根据它所说的，先给它授权，执行下面的命令：

sdkmanager --licenses

然后一路授权就可以了。

 

 

接下来的两个问题就要在 AndroidStudio 中解决了。

AndroidStudio 安装 Flutter 和 Dart 插件

在安装这两个插件之前，确保自己的 AndroidStudio 版本在3.1 以上，我自己用的是 3.2.1 的版本，打开 File—Settings—Plugins，在搜索框中搜索 Flutter，点击 install 进行安装，Dart 插件会一并进行下载安装。如果无法下载，可以将 File->Settings->Apparence & Behavior->System Settings->Updates->use secure connnection 勾去掉，我就出现了这个问题，去掉之后就可以下载插件了。
都安装之后重启IDE，就可以发现New下面多了创建Flutter Project入口：

 

 

这就说明安装成功，然后连接手机，打开 USB 调试，再输入 flutter doctor 进行检测，就会发现没有问题了。

Flutter Hello World

建议编写 Flutter 程序在 AndroidStudio 工具上进行，与 Android 开发类似，支持断点调试等。在用 AS 正式开始之前要配置一下 Flutter 的 SDK，如图所示：

 

 

上述完成之后，就可以正式开始了。新建一个 Flutter Project 时，有四种方式：Flutter Application、Flutter Plugin、Flutter Package、Flutter Module

 

 

这里直接选择默认第一个 Flutter Application 就行，进去之后大概就是这个样子：

 

 

这里有一定的概率会卡死在创建项目的界面，可以唤起资源管理器强制停止，然后再重新从创建好的 flutter 项目中打开，根据指引 run 一下 dart 的资源就可以了。
注意：连接真机后部署，可能会部署很长一段时间，卡在 initializing gradle 很久，这是因为它默认是要下载最新的 Gradle 版本的，而不是 KXSW 的你…就需要等很久很久，如果你打开你的 C:\Users\你的用户名.gradle\wrapper\dists 就会发现多了存放最新 Gradle 版本的一个文件夹，比如我就多了 “gradle-4.10.2-all” 这个文件夹，最简单的方法就是将这个新建 Flutter 项目所用的 Gradle 版本设置成已有的 Gradle 版本，这里我改成了已有的 gradle-4.6 的版本。当然也可以用 文献4 的方法进行修改。若是硬要使用最新的 gradle 版本也可以， 文献5 亲试有效，这里不详细说明了，自行翻阅即可。

 

 

OK，到此就可以成功部署了，我感觉部署的时间还是有点长的，不知是不是第一次编译的原因。Enjoy Yourself ！

 

 

 转自：https://zhuanlan.zhihu.com/p/151403432