Mac下flutter环境搭建
因为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