【Flutter 专题】02 图解 Mac 环境下安装配置环境

在前两天整理了flutter在windows环境下的安装配置后,今天我将分享如何在mac环境下安装和配置flutter。经过实际操作后,我发现环境配置是基础中的基础,只要用心处理,还是很容易解决的。参考资料来源于flutter中文网。

系统环境要求 Flutter建议在Mac上使用64位的macOS操作系统;需要超过700MB的磁盘空间(不包括Xcode和Android Studio所需的空间);并且电脑上需要预先安装Git。

安装图解

  1. 克隆Flutter仓库 打开终端,执行以下命令克隆Flutter的beta分支:

    git clone -b beta https://github.com/flutter/flutter.git

  2. 处理Xcode问题 如果电脑上未安装Xcode,克隆过程中可能会遇到以下错误:

    xcrun: error: invalid active developer path (/Library/Developer/CommandLineTools), missing xcrun at: /Library/Developer/CommandLineTools/usr/bin/xcrun

    如果已安装Xcode,请跳过此步骤。否则,在终端中输入以下命令安装Xcode:

    xcode-select --install

    安装过程大约需要2-3分钟,如图所示:

  3. 配置国内镜像和环境变量 在国内,需要添加以下环境变量以加速Flutter的下载和安装:

    export PUB_HOSTED_URL=https://pub.flutter-io.cn
    export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
    export PATH=`pwd`/flutter/bin:$PATH
    export PATH=$HOME/flutter/bin:$PATH
    echo $PATH

    注意:由于每台计算机上的文件路径和文件名可能不同,请确保添加export PATH=$HOME/flutter/bin:$PATH,并刷新当前窗口。

  4. 运行Flutter Doctor 在终端中输入以下命令,检查Flutter的安装情况:

    flutter doctor

    如果一切顺利,你会看到如下的输出:

至此,Flutter在Mac环境下的安装配置已经成功完成。结合之前的Windows环境配置,我们已经完成了Flutter环境的搭建,这只是万里长征的第一步,接下来就是不断尝试和深入研究的阶段了!

Tips: 如果需要查询Mac中Git的路径,可以在终端中输入以下命令:

which git