在 macOS 上搭建 Flutter 开发环境

下载 Flutter SDK

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

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

  • https://github.com/flutter/flutter/releases

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

配置 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 
    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  [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

会显示如下信息：

这里显示 ? 的就是必须要安装的，带??的则不是必须的。

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

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

  • 再运行 flutter doctor 查看（这里有个问题是我已经安装了Dart和Flutter插件，却提示我没有安装，具体解决办法可见：https://www.jianshu.com/p/d9ca9624006a

  • 然后解决Android toolchain下面的问题，只要执行flutter doctor --android-licenses命令，一直输入 y 同意即可，这时候关于Android Studio及Android SDK的问题就解决了。

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

参考

  • MAC安装Flutter
  • Flutter中文网 - 入门: 在macOS上搭建Flutter开发环境
  • b站视频 - Dart Flutter教程
Flutter学习

相关

标签