Flutter |macOS 下載安裝配置

javascript

87
php

次推文
css


LZ-Saysjava



很久不見,再度啓程。android



1、前言git

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


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


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


加油~!xcode


2、Start,啓程

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


  • Flutter 官網

  • Flutter 中文社區

  • Flutter 中文網


1. 配置 Flutter 國內鏡像 


export PUB_HOSTED_URL=https://pub.flutter-io.cnexport 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/binexport PATH=$PATH:${FLUTTER_HOME}


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



這裏附上最終版:


# Flutter# 配置國內鏡像export PUB_HOSTED_URL=https://pub.flutter-io.cnexport 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、參考資料


  • Flutter 官網

  • Flutter 中文網


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-licensesAndroid 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 doctorDoctor 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:


  • Android sdkmanager tool not found

 






歡迎各位關注

不按期發佈

見證成長路






以爲不錯,右下角點個好看唄~

本文分享自微信公衆號 - 賀利權(hlq_struggle)。
若有侵權,請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」,歡迎正在閱讀的你也加入,一塊兒分享。

相關文章
相關標籤/搜索