Flutter ｜macOS 下载安装配置

贺biubiu

发布于 2020-05-22 15:51:13

1.3K0

发布于 2020-05-22 15:51:13

文章被收录于专栏：HLQ_StruggleHLQ_Struggle

LZ-Says

好久不见，再度启程。

一、前言

起初，初始 Flutter，简单配置了一波，完了会儿，然后懒散的放弃了。

2020，不平凡的一年，多数在加办公，完成日常工作，也变得更加懒散。

想想以后，撸农药也是浪费时间，还是要把主要经历放在工作技术上，想想鸡老大～

加油～！

二、Start，启程

鸡老大说，官网是最好的学习资料，下面附上官网以及中文网地址：

Flutter 官网
Flutter 中文社区
Flutter 中文网

1. 配置 Flutter 国内镜像

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

2. 下载安装 Flutter

目前安装 Flutter 有下面两种方式：

下载 Flutter SDK，解压配置即可；
通过 git 方式获取（推荐此方式）：

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

‍

不得不说，好网速，再配上鸡老大的幸运加持，下载那是相当速度，附个图：

3. 将 Flutter 添加全局环境变量

添加全局环境变量好处多多。

# 配置本地 Flutter SDK 地址
export FLUTTER_HOME=/Users/HLQ/flutter/bin
export PATH=$PATH:${FLUTTER_HOME}

随后，通过 which flutter 验证已配置的 Flutter 是否可用：

这里附上最终版：

# Flutter
# 配置国内镜像
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
# 配置本地 Flutter SDK 地址 这里记得修改为本地目录地址
export FLUTTER_HOME=/Users/HLQ/flutter/bin 
export PATH=$PATH:${FLUTTER_HOME}

4. 通过 flutter doctor 验证当前 Flutter 开发环境是否完善

当然，贴心的 Flutter 针对我们当前 Flutter 缺失的部分给出了解决方案：

4.1 同意 Android 许可协议

我这里主要是各种 y 同意 Android 的一些许可协议，直到下方出现如下所示，代表当前 Flutter Android 环境 Okay～

4.2 iOS 许可授权

由于我下载了 Xcode 重来没打开过，所以需要启动 Xcode，点击有个类似同意授权的框即可。

完成之后可以通过 sudo xcodebuild -license 来验证 iOS 许可是否成成功同意。

无止境的空格、空格，随后在最后输入 agree 即可。

4.3 CocoaPods 安装

首先了解下这玩意是个啥：

CocoaPods 用于检索 iOS 和 macOS 平台端的插件代码，以响应在 Dart 端使用的插件。

键入以下命令进行安装：

sudo gem install cocoapods

稍等片刻，估摸一根烟的功夫，足够了。

5. 再次通过 flutter doctor 检测 Flutter 开发环境

IDEA 目前用不着，暂时不下载了。

到此，Flutter 基本环境已下载安装配置完成。

三、参考资料

Flutter 官网
Flutter 中文网

四、番外篇

4.1 如何打开 macOS 上的 iOS 模拟器？

键入 open -a Simulator 即可。

4.2 补充 Android Studio 安装相关插件（2020-04-23）

家里的电脑之前配置过 Flutter 在 Android Studio 上的插件，新电脑配置时提示如下：

[!] Android Studio (version 3.6)
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.

打开 Android Studio 插件中搜索 Flutter 安装并重启即可，随后再次使用 flutter doctor 验证即可。

4.3 Android license status unknown.

先附上异常信息：

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
    ✗ Android license status unknown.
      Try re-installing or updating your Android SDK Manager.
      See https://developer.android.com/studio/#downloads or visit https://flutter.dev/setup/#android-setup for detailed instructions.

接着输入 flutter doctor --android-licenses 实验一下：

  ~ flutter doctor --android-licenses
Android sdkmanager tool not found (/Users/heliquan/Library/Android/sdk/tools/bin/sdkmanager).
Try re-installing or updating your Android SDK,
visit https://flutter.dev/setup/#android-setup for detailed instructions.

打开 Android Studio SDK Manager，选择 SDK Tools，取消勾选下面的 Hide Obsolete Packages，勾选 Android SDK Tools（Obsolelte）下载即可。

接着再次输入 flutter doctor --android-licenses ，各种 y 即可。

最后再次运行 flutter doctor：

➜  ~ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.9, on Mac OS X 10.15.4 19E287, locale zh-Hans-CN)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.3)
[✓] Xcode - develop for iOS and macOS (Xcode 11.4)
[✓] Android Studio (version 3.6)
[!] Connected device
    ! No devices available

4.4 Failed to retrieve the Dart SDK from: storage.googleapis.com/flutter_inf…

关键就是环境变量中添加这个国内镜像：