Mac 安装Flutter

作者: Sam_xing | 来源:发表于2022-01-26 15:15 被阅读0次

    Mac系统版本

    macOS Monterey 12.1

    获取Flutter SDK

    1. 去Flutter官网下载其最新可用的安装包, 转至下载页
    2. 解压安装包到你想安装的目录, 如
    cd ~/Library/
    安装目录可以自定义, 我选择了资源库
    unzip ~/Downloads/flutter_macos_2.8.1-stable.zip
    把下载好的Flutter SDK解压安装, 由于我下载完成已经是解压过的, 所以直接复制到了Library里
    

    注意!!!以下macOS环境变量配置和镜像配置是分开执行的.
    是为了能够清楚的知道, 每一步执行是做什么的. 但其实两者是可以合并执行的. 各位看官可以看完以后,同时执行

    MacOS环境变量配置

    1. open .bash_profile
    打开.bash_profile并编辑, 如果没有, 执行命令touch .bash_profile创建
    2. 配置环境变量, XXXX是FLutter安装目录
    export FLUTTER_HOME=XXXX/flutter
    export PATH=$PATH:$FLUTTER_HOME/bin
    export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
    3. 直接关闭并保存刚刚的配置环境,
    4. source .bash_profile
    更新刚配置的环境变量
    5. flutter -h
    执行命令检测是否配置成功,注意这一步是联网,可能需要等一段时间才能完成,成功后大概是这个样子. 如下图:
    
    配置成功.jpg

    配置镜像

    Flutter项目会依赖一些东西,在国内下载这些依赖会有一些慢,所以我们可以将它们的安装源换成国内的(也就是设置国内的镜像)
    在macOS操作系统下

    1. open .bash_profile
    在环境变量配置过程中,已经编辑过此文件,肯定会存在.
    2. 添加国内镜像
    export PUB_HOSTED_URL=https://pub.flutter-io.cn  //国内用户需要设置
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn  //国内用户需要设置
    新建 变量 PUB_HOSTED_URL,其值为https://pub.flutter-io.cn
    新建 变量 FLUTTER_STORAGE_BASE_URL, 其值为https://storage.flutter-io.cn
    4. source .bash_profile
    5. flutter -h
    

    检查必要的依赖

    flutter doctor
    

    结果如下图: 每台电脑配置完成够, 出现的结果也不同, 我的电脑除了Android都是最新的所以检测依赖时, 只有Android出现遗漏, 因此以下图为例, 如何解决问题.


    flutter doctor.jpeg

    上图发现一共有2个问题.

    1. 在Android中缺少cmdline-tools. 添加步骤 Android Studio -> Tools -> SDKManager -> Android SDK -> SDK Tools 找到缺失并且下载.
    2. 需要在终端中执行命令flutter doctor --android-licenses接受SDK许可. 一路同意就行.

    把所有问题都解决以后, 在执行flutter doctor. 所有的必要依赖都完成.

    配置.zshrc文件

    为什么要配置.zshrc文件, 当每次打开终端使用 flutter 命令时, 都需要先执行
    source .bash_profile. 否则 flutter 命令不存在.

    1. open -e .zshrc
    如果没有的话touch .zshrc 
    2 将 source ~/.bash_profile 添加到 .zshrc 中保存即可
    

    到此 在Mac上安装Flutter就全部完成了. 可以开始你新的开发之路

    相关文章

      网友评论

        本文标题:Mac 安装Flutter

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