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

时间 2019-11-13

标签 flutter 学习笔记环境安装繁體版

原文原文链接

flutter最近显得格外的火，公司的同事也一直在谈论flutter，感受本身不学学就要失业了。。。因此决定顺应潮流学习如下flutter，作一下学习笔记，但愿能够给须要的同窗带来一些帮助~javascript

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

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

我是一路next安装下来的，安装成功以后经过git bash命令行输入git，若是出现如下内容，则证实安装成功了android

二.更新环境变量git

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

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默认值过小的缘由，而项目可能自己比较大，因此下载失败。bash

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

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

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

四.安装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语言简介