美文网首页
MacOS上安装Flutter

MacOS上安装Flutter

作者: 封丑儿 | 来源:发表于2020-08-27 14:38 被阅读0次

    老规矩,放几个权威性的链接
    Flutter中文官网
    Flutter官网

    一、 下载

    官网提供两个地方+我自己上传1.20.2的百度云

    Flutter官网下载:https://flutter.dev/docs/development/tools/sdk/releases?tab=macos#macos
    Flutter-GitHub:https://github.com/flutter/flutter
    1.20.2的百度云:链接: https://pan.baidu.com/s/1ueAeS21wGTlnJkfnBnWipw 密码: em4n

    二、 解压

    解压上面下载的安装包,里面是一个flutter的文件夹,你可以放在任何位置;我在用户根目录下面创建了一个FlutterSpace文件夹,放在这里了;记住这个路径,后面会用

    /Users/xxxx/FlutterSpace

    3.0配置镜像、环境变量

    a. 进入用户根目录,显示所有隐藏文件
    b. 确定环境变量配置的地方:

    在 Linux 、 MacOS Mojave 及 Mojave 之前的系统里,默认使用 Bash ,对应修改:.bashrc文件
    MacOS Catalina,默认使用ZShell,对应修改:.zshrc文件

    查找shell类型:

    echo $SHELL
    
    笔者Shell类型.png

    c. 更改配置文件
    在此强调,先确定自己配置文件地方是.bashrc文件还是.zshrc文件,然后再操作此步,否则配置无效;我把两种形式的更改命令都贴进来了,选自己合适的

    vim ~/.bashrc
    vim ~/.zshrc
    

    菜鸟教程关于vim的讲解,这里我贴了两个用到的键

    vim的编辑:按一下 i
    vim的保存并退出:先按:,再键入wq

    d. 配置镜像、环境变量
    将下面的代码贴进上面 wim的地方,分两步:第一步是配置环境,

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

    第二步,将flutter相关工具到PATH环境变量中,将xxxx换成1.0中你放flutter解压文件的路径

    export PATH=xxxx/flutter/bin:$PATH
    

    这两步配置完成后,保存退出。


    配置镜像、环境变量.png

    e.执行下面命令使镜像、环境变量生效

    source ~/.zshrc
    

    结束后,通过下面的命令检测是否配置成功

    flutter -h
    

    每个时期成功的log不一样,我贴下我成功的Log


    成功Log.png

    4.0 检查依赖

    键入下面命令,检查哪些依赖没有成功,这里有两个开发工具需要下载:Xcode(开发苹果产品的IDE)、AndroidStudio(开发安卓产品的IDE)

    flutter doctor
    
    依赖.png

    Log中可以看出少了AndroidStudio,继续去配置开发工具相关的依赖

    5.0 .配置开发工具的依赖

    Xcode:https://apps.apple.com/cn/app/xcode/id497799835?mt=12
    AndroidStudio:https://developer.android.google.cn/studio/

    Xcode不需要配置,配置一下AndroidStudio即可。
    打开AndroidStudio,会出现下面要配置代理的地方,可配也可不配


    AndroidStudio-proxy.png

    一路点下去,然后找到右上角偏好设置


    偏好设置.png
    找到Plugins,搜索Flutter,点击右侧Install
    Plugins-Flutter.png
    Install之后,点击Restart IDE
    Restart IDE.png

    Restart之后,进入偏好设置的Plugins的Installed中查看是否有Flutter,没有的话只来一次


    Installed.png

    现在再去终端检测Fullter的依赖


    依赖.png

    安卓许可证?行吧,按着提示在下面键入下面命令,并再相应提示输入很多个y表示同意,我输入了八次,这里就不一一贴出来了

    flutter doctor --android-licenses
    
    android-licenses.png

    最终会出现成功的Log


    allpackage.png

    再检测依赖!成功了


    成功了

    到此,Flutter的依赖终于全部搞定。

    相关文章

      网友评论

          本文标题:MacOS上安装Flutter

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