Flutter 環境搭建 For Mac

Clemmie Lau發表於2019-09-19
FlutterMac
flutter學習記錄

一 軟體準備

Flutter 環境搭建 For Mac

二 安裝軟體

  • xcode -- 下載好了，一直點next就可以；
  • android studio -- 如果出現：Unable to access Android SDK add-on list 

       解決方式：在應用程式->android studio ->右鍵顯示包內容 ->bin檔案 ->在idea.properties檔案裡面新增 disable.android.first.run = true 

  • android SDK -- 在 android studio 裡面安裝的時出現 SDK tools directory is missing     

      解決方式：前往資料夾/etc ->hosts裡面新增 203.208.50.100 dl.google.com 203.208.40.37 dl.l.google.com （因為安裝時計算機無法連線到google伺服器導致的）

關閉 android studio 再開啟，然後選擇安裝地址就可以了。

這裡注意2點，一個是預設地址 /Users/***/Library/Android/sdk 

一個是自定義地址。這兩個地址對搭建 flutter 有區別，下面會說到。

  • flutter 外掛  -- 在 android studio 裡面開啟Plugins 搜尋Flutter  (這裡直接安裝flutter 就可以，不用單獨安裝dart，因為flutter包含了dart)

Flutter 環境搭建 For Mac

三 環境搭建

   在終端： vim ~/.bash_profile --開啟建立檔案動作

   按 a 進入編輯狀態 輸入 （或開啟檔案bash_profile 複製貼上下面配置）輸入完畢後輸入:wq 退出編輯

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

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

export PATH=/Users/****/Flutter/flutter/bin:$PATH

終端：source ~/.bash_profile  --儲存動作

注意： 此映象為臨時映象，並不能保證一直可用。請留意 中文網 Flutter;

/Users/****/Flutter/   為你flutter sdk的路徑

配置好以上的步驟後 終端 ： flutter doctor --檢查

Flutter 環境搭建 For Mac

對於 Android licenses not accepted.

run: flutter doctor--android-licenses  --全部填y 回車。

最後終端 ： flutter doctor --檢查 都打鉤就可以了

上面說了android SDK 安裝路徑是自定義的話 需要在檔案 bash_profile 裡面新增

export ANDROID_HOME=/自定義路徑/sdk

export PATH=${PATH}:${ANDROID_HOME}/platform-tools 

export PATH=${PATH}:${ANDROID_HOME}/tools

要不然安裝了android SDK ，flutter doctor 一樣也找不到。預設路徑就不需要了。


！！！有些小夥伴沒有安裝cocoaPods 請移步度娘搜尋。


相關文章