Flutter学习笔记（1）--环境安装

flutter最近显得格外的火，公司的同事也一直在谈论flutter，感觉自己不学学就要失业了。。。所以决定顺应潮流学习以下flutter，做一下学习笔记，希望可以给需要的同学带来一些帮助~

正文为flutter安装教程，如需转载，请注明出处：Flutter学习笔记（1）--环境安装

一.安装Git for Windows：https://git-scm.com/download/win

我是一路next安装下来的，安装成功之后通过git bash命令行输入git，如果出现以下内容，则证明安装成功了

二.更新环境变量

在用户变量中新建两个变量：

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

三.下载flutter包，在想要下载的文件夹下右键-->git bash here-->git clone -b stable https://github.com/flutter/flutter.git
我第一次下载的时候失败了，报错信息为：error: RPC failed; curl 18 transfer closed with outstanding read data remaining原因：由于Http协议错误，当Clone的时候，因为curl的postBuffer默认值太小的原因，而项目可能本身比较大，所以下载失败。

解决：打开git命令行 输入 git config –global http.postBuffer 524288000，然后可以输入git config –list 查看刚才的设置是否生效。

再次下载就成功了，成功截图如下：

下载成功后，将flutter下bin文件夹的全路径配置到系统变量PATH下

四.安装flutter需要的依赖以及进行编译

命令行输入flutter doctor，进行安装flutter需要的依赖以及进行编译，第一次运行会很慢，以后再运行就会很快了

[√]是表示安装OK的，[×]是需要安装的，或者是已安装但是没有运行起来的。

接下来就是一个个解决

（1）第一个理解起来就是找不到Android SDK，我是按照后面提示的执行了一下flutter doctor --android-licenses，一路按y，然后再执行一下flutter doctor，发现第一个问题就解决了：

（2）第二个问题就是没有安装flutter，打开Android studio-->settings-->plugins，搜索flutter进行安装

（3）第二个问题就是没有安装dart，打开Android studio-->settings-->plugins，搜索dart进行安装

安装完成之后再执行flutter doctor，会发现第二个和第三个问题也解决了

（4）还有最后一个问题，理解就是没有连接上设备，这里的话，大家可以连真机，也可以自行创建模拟器来使用

//TODO 创建模拟器

五.新建flutter项目

以上步骤都完成了的话，就可以创建一个flutter项目new-->New Flutter Project，开始大家的flutter之旅啦~~~

总结：最初我是按照flutter中文官网上的教程进行配置的，可是中间遇到了很多莫名其妙的错误，我这暴脾气就忍不了了，放弃官网开始从网上查各种安装教程，看了很多博客，再加上自己慢慢摸索，

终于把flutter给安装好了，在这个过程中发现，每个人在安装过程中遇到的问题都不一样，每个博主写的安装教程也不一定适合你，重要的还是分析清楚遇到的问题，找一条自己的路。

希望可以给需要的同学带来一些帮助！！！

-------------------------------------------------------------------------------------分割线-------------------------------------------------------------------------------------------

第一次运行flutter项目，报错ProcessException: Process "E:\studyDemo\FlutterDome\flutter_app\android\gradlew.bat" exited abnormally:

第一步：修改掉项目下的android目录下的build.gradle文件，把google() 和 jcenter()这两行去掉。改为阿里的链接。

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

第二步：.需要在你flutter sdk 的 如下路径 下的 flutter.gradle 也同样添加镜像。

maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }

下一章节：Flutter学习笔记（2）--Dart语言简介