Flutter学习笔记(1)--环境安装

时间:2024-04-07 20:35:13

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

正文为flutter安装教程,如需转载,请注明出处:Flutter学习笔记(1)--环境安装

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

Flutter学习笔记(1)--环境安装

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

Flutter学习笔记(1)--环境安装

二.更新环境变量

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

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

Flutter学习笔记(1)--环境安装

三.下载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学习笔记(1)--环境安装

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

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

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

Flutter学习笔记(1)--环境安装

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

接下来就是一个个解决

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

Flutter学习笔记(1)--环境安装

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

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

Flutter学习笔记(1)--环境安装

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

Flutter学习笔记(1)--环境安装

(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语言简介