Mac下flutter环境搭建

2020-08-17  本文已影响0人  数字d

因为github拉取安装包比较慢,所以也走了一点儿弯路。
因为对Lunix操作命令和环境变量等不太熟悉,走了一点儿弯路。
步骤一:从github上拉取flutter文件夹

https://github.com/flutter/flutter.git

如果觉得自己本地从github进行clone代码很快,那么可以使用

cd Users/macbookpro/
git clone  https://github.com/flutter/flutter.git

两行命令拉取代码,注意上面的路径,我本地Users/后面跟的是macbookpro,这里你要改成自己的来操作。

如果觉得自己从github进行代码拉取很慢(我的8k/s的速度),那下面走个弯路。

先去码云创建一个仓库,仓库创建时候选择从其他地址导入仓库,将

https://github.com/flutter/flutter.git导入之后稍等几十秒就会成功。

这时候新建的这个仓库会有一个git地址,我的地址是https://gitee.com/xgkp/flutter.git

这时候开始执行正确的步骤:(注意这里将你的名字把macbookpro替换掉)

cd Users/macbookpro/

注意这里替换成你自己的码云git地址,这样你才有权限拉取代码

git clone  https://gitee.com/xgkp/flutter.git

接下来估计几分钟代码就拉取结束了。

在程序坞里面找到Finder


屏幕快照 2020-08-01 下午4.57.06.png

右键,前往文件夹

输入地址(前面你克隆代码的地址)


屏幕快照 2020-08-01 下午4.58.00.png

点击前往

屏幕快照 2020-08-01 下午4.58.44.png

如图所示,有一个叫flutter的文件夹。

命令行cd 到这个文件夹目录下

git remote -v

会显示当前的git地址

接下来进行一步修改远程地址的操作

git remote set-url origin https://github.com/flutter/flutter.git

这样下载步骤就算结束。

步骤二:配置所谓的镜像和环境变量

配置前的准备:

先看下上一步操作之后的flutter文件夹,里面有一个bin文件夹

从命令行里面CD一下这个文件夹,会获取到这个bin文件夹的路径

我这里操作之后是

屏幕快照 2020-08-01 下午5.04.45.png

记得复制出来这个地址备用

/Users/macbookpro/flutter/bin

接下来在命令行操作以下步骤:

vi $HOME/.bash_profile

这样会打开一个配置文件

键盘输入i字母,进入编辑模式,

先复制以下两行粘贴进去

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

最后再根据上一步准备好的路径制作一条新的字符串

export PATH=/Users/macbookpro/flutter/bin:$PATH

这条字符串生成也是一个路径配置,从=后面:前面替换成前面CD到bin文件夹的路径就可以了。

也就是说最后这个文件添加了三条字符串

如图

屏幕快照 2020-08-01 下午5.10.39.png

键盘点击ESC

输入:wq

命令行再输入

source ~/.bash_profile

然后再在命令行输入flutter doctor,等待配成成功。

步骤二:AndroidStudio安装

上一步执行了flutter doctor之后,各种不行的提示,包含了一个AndroidStudio未安装。

下载AndroidStudio

下载地址:https://developer.android.google.cn/studio

貌似这个相对来讲下载的很快

安装的时候各种下一步,随便选,其中有一个是选cancel,无伤大雅。
要是不放心可以参看这篇博客来安装https://www.jianshu.com/p/d6421d2d62df

安装完了之后,命令行直接执行一次flutter doctor

这次提示AndroidStudio安装了,但是有提示安装的AndroidStudio没有Dart和Flutter插件。

插件是这个单词,plug 或者是plugs.

这时候打开AndroidStudio,-Preserence -plugins-(type/TO see options)
搜索Dart 然后install ,搜索flutter 然后install
最后重启下AndroidStudio使插件生效。

这时候命令行再执行一次flutter doctor

还是提示有错误,错误提示中包含让我执行下面的命令来修复

flutter doctor --android-licenses

我执行了,但是没什么用,这里要是有用接下来会提示各种y/N?
每个都输入y就可以了。

我这里之前貌似安装了jdk的最新版本,但是网上搜出的答案是flutter不支持java9。解决方案:

命令行执行

/usr/libexec/java_home -V

提示本机安装了两个jdk,版本分别是jdk-14.0.1和jdk1.8.0_251,而最后一行代表的是当前默认使用的jdk路径。


屏幕快照 2020-08-03 上午9.01.05.png

这里需要做的是将jdk1.0.0的路径复制出来,备用/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home

直接看操作:
命令行执行

vi $HOME/.bash_profile

再打开的文件中添加这么一行

export JAVA_HOME="/Library/Java/JavaVirtualMachines/jdk1.8.0_251.jdk/Contents/Home"

注意这里后面的路径是你上一步复制出来备用的

保存关闭文件之后,在命令行里面输入

source ~/.bash_profile

然后再重新执行flutter doctor命令

这时候报错提示中包含了flutter doctor --android-licenses

命令行在再执行

flutter doctor --android-licenses

这次就可以一路的y/N?

一路输入y,即可完成所有的flutter的环境搭建。

最后成功的图示。


屏幕快照 2020-08-03 上午9.07.49.png
上一篇下一篇

猜你喜欢

热点阅读