【心得体会】Flutter的安装与配置，并运行第一个Flutter程序(超详细)

---

一、 准备阶段：

（1）系统：win10
（2）相关软件：Android Studio,Flutter

二、 安装flutter并配置环境

先进入官网（https://flutter.dev/或中文官网https://flutterchina.club/，这里以flutter官网为例）点击Get started

点击windows,因为我们是在windows平台安装的

点击之后，进入下一个界面，点击这里下载SDK的zip压缩包，点击之后开始下载，可能会很慢，但耐心等一下就行

下载完成后解压到相应的位置

解压完成后，找到flutter的bin目录，将目录复制下来

右键点击“此电脑”，选择“属性”，打开过后依次点击高级系统设置，环境变量

看到环境变量这个窗口时，在用户变量这里，点击Path，再选择新建，将刚才的路径粘贴上去，之后点击确定即可，此时flutter的环境变量已经配好

在命令行中运行flutter doctor这个命令
恕我所言，这一步巨坑，你会在这里遇到很多问题，真的

第一次运行时会比较慢


下载依赖时是从国外网站下载的，如果网慢的话，大概率会报连接错误，导致无法下载，解决方法：
（1）由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：（摘选自flutter中文网）

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

（2）使用国内大学的镜像，具体的配置我也不详细说了，可以参考：
https://blog.csdn.net/qq_29781403/article/details/88096002

等到运行flutter pub get完成时，出现这样的界面

这里相当于一个检测的结果，告诉了我们好多信息
（1）第一个[x]指按安卓开发的工具链没有安装
（2）第二个[!]指没有安装Android Studio

[!]表示不是很重要 [x]表示必须要解决的
看到了这些，我们就准备着手安装AS（Android Studio）

三、 安装Android Studio并配置环境

安装的话，这里建议大家选择3.0的版本下载（这只是个建议）
也可以去官网下载，官网地址：https://developer.android.google.cn/studio?hl=zh-cn
界面如下：

我们要下载3.0版的，所以在这里下载，链接：http://www.android-studio.org/

点击后即可开始下载
下载完毕后，直接按照步骤正常安装即可

这一步也点上吧，顺便把安卓虚拟机装了

然后next即可，等待安装完成

安装完成后，启动Android Studio
第一次启动，会出现这个，默认，点击OK

出现这个界面，由于我们没有装Android SDK 默认点Canael 下一步

它自动会下载SDK组件

接下来进入到这个界面，点击next

到这一步，这里的意思是选择为AndroidStudio所需的设置类型：有两个选项

Standard标准：
AndroidStudio将安装最常见的设置和选项，并为大多数用户进行修复。
Custom：
自定义安装设置和已安装的组件
（为了节省C盘空间，强烈选择第二个；第一个会默认在C盘）
此处选择第二个，点击next

这里选择UI界面，默认即可

这一步也很关键，全选（安装AVD虚拟机）
更改你安装Android SDK的路径，建议在C盘以外的盘符安装
（由于我的是虚拟机安装，只有一个盘，就默认在C盘了）

接着点击next即可，会出现HAXM虚拟机RAM设置，一般默认，点next

在这个界面是显示要下载的Android SDK的情况，点击finish,会自动开始下载

下载，解压文件中，这个过程可能会比较长，耐心等待

等下载全部结束后，点击finish

点击第一项，创建新的工程

这里先选第一个，之后点next

至此，项目创建完成了，等待项目打开
这里会发现一个错误，点击，下载SDK platform即可，等待下载完成

四、在Android Studio中下载Flutter插件，创建Flutter项目

依次点击File -> Settings -> Plugins 搜索flutter 安装即可

按要求重启即可
之后，创建Flutter Project

选择第一个，继续

在这一步，选择语言支持，这里先不选，一直next即可

点击finish完成项目创建
界面如下：

五、再次在命令行中运行flutter doctor命令

为什么要提这个呢，是因为以防万一（凡事都要有个心眼）
再次在命令提示符运行flutter doctor命令：

果然有些问题，看第二项，他让我们运行后面的命令来解决
运行flutter doctor --android-licenses

一直输入y即可
之后再运行flutter doctor 就没有这个错误了，如图：

六、在Android Studio中运行虚拟机，运行Flutter项目

点击右上角的这个地方，那里是管理虚拟机的

这里会默认为我们创建了一个虚拟机，点击绿色箭头，启动虚拟机
（由于我的VM虚拟机的系统不支持VT-x虚拟化，所以无法启动，所以下面的操作在3.5版本上进行）
打开后的界面

这里有必要强调一下，之前有些人安装虚拟机没问题，但是一运行要么闪退，要么报错，在网上找了很多方法还没解决，于是整理了我认为比较有用的方法：那就是：
添加环境变量！！！！
把Android SDK目录添加进系统环境变量，例如就像这样：

重启后就不会出现严重的错误，小错误可以忽略，这时虚拟机应该能够正常运行了。

（这里的错误忽略，对虚拟机运行没有影响）

点击这里，选择你的虚拟机，再点击绿色箭头，耐心等待，就会看到flutter的界面了

至此，第一个flutter应用就启动完成了