Flutter |macOS 下載安裝配置

很久不見,再度啓程。android

在這裏插入圖片描述

1、前言

起初,初始 Flutter,簡單配置了一波,完了會兒,而後懶散的放棄了。git

2020,不平凡的一年,多數在加辦公,完成平常工做,也變得更加懶散。github

想一想之後,擼農藥也是浪費時間,仍是要把主要經歷放在工做技術上,想一想雞老大~macos

加油~!api

2、Start,啓程

雞老大說,官網是最好的學習資料,下面附上官網以及中文網地址:xcode

1. 配置 Flutter 國內鏡像

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn 
複製代碼

2. 下載安裝 Flutter

目前安裝 Flutter 有下面兩種方式:bash

  • 下載 Flutter SDK,解壓配置便可;
  • 經過 git 方式獲取(推薦此方式):
git clone https://github.com/flutter/flutter.git -b stable
複製代碼

不得不說,好網速,再配上雞老大的幸運加持,下載那是至關速度,附個圖:ide

在這裏插入圖片描述

3. 將 Flutter 添加全局環境變量

添加全局環境變量好處多多。學習

在這裏插入圖片描述

隨後,經過 which flutter 驗證已配置的 Flutter 是否可用:ui

在這裏插入圖片描述

這裏附上最終版:

# 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 基本環境已下載安裝配置完成。

3、參考資料

4、番外篇

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…

關鍵就是環境變量中添加這個國內鏡像:

這裏附上一個我我的的操做圖:

4.5 建立 Flutter 卡死狀況(2020-05-08)

從昨天就開始遇到這個建立 Flutter 項目卡死的狀況,網上各類各樣的說法都有,嘗試了不少種,甚至差點卸載重裝。

惋惜呀,懶癌上身,我纔不會卸載~

不皮了,說下個人問題吧。

其實主要緣由就是不知道啥狀況致使 進程中存在 6 個 dart,是的,你沒看錯,我也沒數錯,確確實實是 6 個,果斷挨個恁死,隨後打開 AS 建立,一路暢通。

Thanks:

相關文章
相關標籤/搜索