作者:吴怡瑜故事_398 | 来源:互联网 | 2024-09-24 17:40
首先需要下载flutter源码,以下是github地址:https:github.comflutterflutter然后需要安装git环境吧,下图红框可以自行下载安装接下来需要安装
首先需要下载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 环境安装以及配置