美文网首页
Mac下flutter环境搭建

Mac下flutter环境搭建

作者: 数字d | 来源:发表于2020-08-17 10:04 被阅读0次

    因为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

    相关文章

      网友评论

          本文标题:Mac下flutter环境搭建

          本文链接:https://www.haomeiwen.com/subject/etnyrktx.html