flutter 环境安装以及配置

Posted leechenxiang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter 环境安装以及配置相关的知识,希望对你有一定的参考价值。

 

首先需要下载flutter源码,以下是github地址:

https://github.com/flutter/flutter

然后需要安装git环境吧,下图红框可以自行下载安装

技术分享图片

 接下来需要安装flutter sdk,可以自行创建一个指定的目录,把相应的flutter源码clone下来,如下图,我目前的目录指定在 D:FlutterGitSource

技术分享图片

 

 OK,如下图,下载完毕

技术分享图片

 然后在咱们的目录下就有相应的源码了,以后要更新也很简单

 技术分享图片

 

随后别忘记配置环境变量,如下图,其实和java,maven等都类似,都是bin目录:

技术分享图片

 

打开cmd,输入命令:  flutter doctor 

这个时候提示git没有配置环境变量,那么再来配置一个

技术分享图片

 

配置git环境变量,如下图:

技术分享图片

 复制目录,到path环境变量中

技术分享图片

随后新增两个额外的环境变量:

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

技术分享图片

技术分享图片

添加这个主要是由于官网因为某些原因不能连上(你懂的)

注意:这两个环境变量一定要加,否则可能导致 flutter doctor 命令连接不上服务

参考这个连接: https://github.com/flutter/flutter/wiki/Using-Flutter-in-China

然后再重复   flutter doctor ,如下图,这个时候在下载sdk啊等等,还有 dart,dart是编程的主要语言,

技术分享图片

第一次运行一个flutter命令(如flutter doctor)时,它会下载它自己的依赖项并自行编译。以后再运行就会快得多。这主要就是用于检查依赖环境以及相关sdk的

等待一段时间后,出现如下,打勾代表正确, X 达代表有问题, ! 代表要需要安卓studio以及连接的设备,那么现在我们主要需要安装的就是安卓sdk了,也就是说,flutter sdk已经安装OK

技术分享图片

 

 OK~ 那来吧,把安卓sdk装一下

安装 android studio

技术分享图片

安装过程就省略了。。。

 

技术分享图片

默认情况下 安卓sdk没有,那么cancel之后,会自动去下载,很方便,只不过下载过程会稍微慢一点,耐心等待吧。。。

技术分享图片

到下面这张图的话,那就代表OK了

技术分享图片

点击finish!~

然后我们再到cmd 命令行执行 flutter doctor 看一下环境是否配置OK

技术分享图片

这个时候,其实已经差不多了,第一个 感叹号 是 安卓 licenses,第二个 是没有连接的设备,这个暂时不管

随后执行:flutter doctor --android-licenses

技术分享图片

每个步骤往下都按 Y 即可,最后如图:

技术分享图片

然后我们再到cmd 命令行执行 flutter doctor 看一下环境是否配置OK

技术分享图片

OK了吧,现在只有一个感叹号了,那就是没有连接的设备,这个可以暂时不管了。到此 flutter sdk 以及 android sdk 和 android studio 已经都安装完毕啦~~!

 

以上是关于flutter 环境安装以及配置的主要内容,如果未能解决你的问题,请参考以下文章

从0开始学习Flutter 01 图解 Windows 环境下安装配置环境

Flutter的环境配置以及一些常见问题

Mac环境下的flutter配置及安装

Flutter学习笔记·安装配置Flutter环境(Windows)

Flutter开发环境配置:FlutterSDKAndroid SDKiOS SDK

Flutter桌面开发 — Windows App打包以及使用Inno Setup生成.exe文件安装包