下载 Flutter SDK

flutter官网下载:https://flutter.io/sdk-archive/#macos

若上述链接无法访问,可通过GitHub下载

将下载的 flutter sdk 解压到一个地方(这里解压完成后的目录地址之后要用到),例如我直接放置在当前用户的目录下

在 macOS 上搭建 Flutter 开发环境-LMLPHP

配置 Flutter 环境变量及镜像

  1. 打开终端工具,使用 vim 进行环境配置,输入如下命令
vim ~/.bash_profile
  1. 在打开的文件中添加如下路径
export PATH=/Users/用户名/flutter/bin:$PATH
// PATH=/Users/用户名/... 这里是指上面你解压的sdk的位置信息
// 我这里的位置信息是:export PATH=/Users/y***i/flutter/bin:$PATH
  1. 由于在国内访问Flutter可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,将如下环境变量加入到用户环境变量中:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
  1. 至此,环境变量及镜像都配置好了,再执行如下命令让它生效
source ~/.bash_profile
  1. 使用如下命令检查一下是否安装成功了
flutter -h

出现如下可用的 flutter 命令提示后就是安装成功了

Common commands:

  flutter create <output directory>
    Create a new Flutter project in the specified directory.

  flutter run [options]
    Run your Flutter application on an attached device or in an emulator.

Usage: flutter <command> [arguments]

Global options:
-h, --help                  Print this usage information.
-v, --verbose               Noisy logging, including all shell commands executed.
                            If used with --help, shows hidden options.
-d, --device-id             Target device id or name (prefixes allowed).
    --version               Reports the version of this tool.
    --suppress-analytics    Suppress analytics reporting when this command runs.
    --packages              Path to your ".packages" file.
                            (required, since the current directory does not contain a ".packages" file)

检查开发环境

在上面的步骤中,我们成功的安装了 Flutter ,但还不具备开发环境。在开发中还需要很多软件和插件的支持,我们需要通过如下命令来查看到底还需要哪些软件和插件

flutter doctor

会显示如下信息:

在 macOS 上搭建 Flutter 开发环境-LMLPHP

这里显示 ❌ 的就是必须要安装的,带❗️的则不是必须的。

首先,让我们来解决 Android SDK 的问题,这里直接下载安装 Android Studio

  • 安装完成后,打开 Android Studio ,点击右下角的 Configure --> Plugins --> 下载 Dart 和 Flutter

  • 再运行 flutter doctor 查看(这里有个问题是我已经安装了Dart和Flutter插件,却提示我没有安装,具体解决办法可见:https://www.jianshu.com/p/d9ca9624006a
    在 macOS 上搭建 Flutter 开发环境-LMLPHP

  • 然后解决Android toolchain下面的问题,只要执行flutter doctor --android-licenses命令,一直输入 y 同意即可,这时候关于Android Studio及Android SDK的问题就解决了。
    在 macOS 上搭建 Flutter 开发环境-LMLPHP

可以看到,我们还需要解决XCode的安装问题

参考

07-26 15:13