學習一直是做技術的必經之路,開始按照官網配置真的是入門到放棄,後來有個師兄介紹了我一個好文章。以此來記錄我的flutter的環境配置
首先flutter 是需要依賴於brew,但是brew 是根據ios 系統版本來的,開始這塊我不清楚,也不知道系統自帶了brew。於是一直在安裝/更新上碰壁。由於牆的原因,執行brew update 一直失敗。我就放棄了update。我的mac 系統10.14.1 ,在終端brew --version 查看brew的版本爲Homebrew 1.8.6 。於是開始了Flutter的環境配置以及安裝過程
1. 到Flutter https://flutterchina.club/setup-macos/官網下載SDK 到本地
我放置的路徑在/Users/****/Downloads/flutter(***代表我的電腦用戶名稱)
2.終端一次執行根目錄下執行
2.1 vim ~/.bash_profile如下圖
vim 編輯器主要內容如下:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/***/Downloads/flutter/bin:$PATH
2.2 vim 保存退出。之後執行source ~/.bash_profile
2.3 flutter -h 驗證flutter環境是否配置成功,假如你看到了如下的界面代表你環境配置成功了
3.配置安卓Android Studio
我已提前下載好Android Studio。使用flutter doctor 檢查一下flutter的環境配置
所以打❌ 的都是需要解決的。按照提示解決,上面給的步驟已然詳細列出
我們先來看這個問題
3.1 Android Studio3.4【✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.】意思是缺少Flutter 的插件。
解決方法:打開Android Studio ,搜索flutter 找到對應的插件進行安裝,如下圖;我先安裝的flutter 總是提示安裝失敗,於是我先安裝了Json2Dart,安裝成功了
3.2 Intellij IDEA 2018.2.6【✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.】解決方法,我直接卸載了這個軟件(簡單粗暴)也是可以直接在Intellij IDEA 中設置安裝插件的。
flutter doctor 執行一下。如下圖
3.3 解決這個警告
【[!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
! Some Android licenses not accepted.
To resolve this, run: flutter doctor --android-licenses】
按照終端給的提示,在終端執行flutter doctor --android-licenses 在根據提示一步步操作就OK了,不上圖了。
4,安卓模擬器配置
接下來如下圖,下載,安卓模擬器完成
5.IOS環境配置 flutter 1.5.4的sdk 安裝包需要Xcode10.12.1
終端依次執行如下命令: (install的過程超級超級慢,說來你們肯定不信,我準備按control+c 停止,竟然開始下載了,反正我自己都不敢信,也許是暫停了更新,直接安裝)
$ brew install --HEAD usbmuxd
$ brew unlink usbmuxd
$ brew link usbmuxd
$ brew install --HEAD libimobiledevice
$ brew install ideviceinstaller
執行完成之後,flutter doctor 檢查發現還有一個問題需要解決,如圖
按照圖示執行 brew install ios-deploy ,完成之後再次執行flutter doctor檢查flutter的環境配置是否成功???
如下圖出現一個問題【[!] Connected device】
解決方法:添加模擬器時,新建了一個項目,此時需要運行一個,然後會執行沒有安裝模擬的操作,然後啓動模擬器。
運行模擬器成功之後,【[!] Connected device】 解決之後,使用flutter doctor 檢測,如下,完美謝幕~~哈哈哈