macOS 上安装和配置 Flutter 开发环境

本文基于此: Flutter中文网

一、安装和运行Flutter的系统环境要求

想要安装并运行 Flutter,你的开发环境需要最低满足以下要求:

  • 操作系统:macOS
  • 磁盘空间:2.8 GB(不包括IDE/tools的磁盘空间)。
  • 工具:Flutter使用git进行安装和升级。我们建议安装Xcode,其中包括git,但你也可以单独安装git

重点提醒
如果你要在 Apple 芯片的 Mac 电脑 上使用,你还需要安装 Rosetta 2 环境因为 一些辅助工具 仍然需要,你可以通过手动运行下面的命令来安装:

sudo softwareupdate --install-rosetta --agree-to-license

二、获取 Flutter SDK

点击 https://flutter.cn/docs/get-started/install/macos 这个链接下, 滑动到如图所示位置
在这里插入图片描述
根据自己的电脑芯片来决定下载那个版本。 点此查看全部的SDK版本列表

三、解压 SDK

默认下载下来的SDK包会被放置到下载目录 ~/Downloads 下, 可使用如下命令,将SDK包解压到指定位置

#我将flutter sdk放到了 “文稿”目录下,位置自定
cd ~/Documents

#解压
unzip ~/Downloads/flutter_macos_3.3.10-stable.zip

解压后的目录如下:
在这里插入图片描述

四、配置 Flutter 的 PATH 环境变量 (永久生效)

由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,以下前两行这是我在官网直接复制来的镜像地址

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

Flutter的环境变量

export FLUTTER_HOME=~/Documents/flutter
export PATH=$FLUTTER_HOME/bin:$PATH
  • 第一步:打开终端, 输入 vim ~/.bash_profile

  • 2.第二步
    1.按下键盘上的i,进入插入/编辑模式,
    2.把上面那四个经过你修改后的变量,粘贴到窗口里。
    3.粘贴完之后,按esc退出插入模式。键入以下内容:wq用于保存并退出当前窗口

  • 第三步:刷新当前命令行窗口

    source ~/.bash_profile
    
  • 第四步:验证flutter/bin是否已添加到环境变量中以及flutter命令是否可用

    echo $PATH
    

    验证 flutter 命令是否可用,可以执行下面的命令检测:

    which flutter
    

五、运行 flutter doctor 命令

通过运行以下命令来查看当前环境是否需要安装其他的依赖(如果想查看更详细的输出,增加一个-v参数即可):

flutter doctor -v

这个命令会检查你当前的配置环境,并在命令行窗口中生成一份报告。安装 Flutter 会附带安装 Dart SDK,所以不需要再对 Dart 进行单独安装。你需要仔细阅读上述命令生成的报告,看看别漏了一些需要安装的依赖,或者需要之后执行的命令(这个会以 加粗的文本 显示出来)。

比如你可能会看到下面这样的输出:

[-] Android toolchain - develop for Android devices
• Android SDK at /Users/obiwan/Library/Android/sdk
✗ Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
• Try re-installing or updating your Android SDK,
visit https://flutter.cn/docs/setup/#android-setup for detailed instructions.

六、总结

通过如上步骤一步步操作下来后,一般情况下我们就完成了对Flutter的安装与环境配置。 如果在此过程中出现了任何问题,都可以在评论区给我留言。

posted @ 2023-01-28 11:34  reyzhang  阅读(2160)  评论(0编辑  收藏  举报