天天看點

mac上搭建Flutter開發環境,包括android和ios端配置Simulator(親自踩坑)

首次接觸Flutter,覺得擴充性真的不錯,但沒想到卻被環境層層阻攔,親自踩坑後覺得非常清晰,比較簡單,是以整理下來供參考,少走彎路~

mac最好是先安裝android SDK(具體教程網上搜一大堆)

首先mac所需系統macOS (64-bit),Flutter 依賴下面這些指令行工具 bash, mkdir, rm, git, curl, unzip, which(官網都有)

  1. flutter安裝包位址:連結:https://pan.baidu.com/s/1GW39h-Cnx6V5dASJrWnyyQ 密碼:8023;
  2. 解壓安裝包放到你想安裝的目錄 :unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
  3. 添加flutter相關工具到path中: export PATH=

    pwd

    /flutter/bin:$PATH
  4. 運作:flutter doctor ;然後這個時候一般情況下會報錯
  5. 添加環境變量 vim ./.bash_profile 如下:
  6. export PATH=/Users/使用者名/Documents/flutter/flutter/bin:$PATH; export ANDROID_HOME="/Users/使用者名/Documents/android_sdk" //android sdk目錄,替換為你自己的即可; export PATH=${PATH}:${ANDROID_HOME}/tools; export PATH=${PATH}:${ANDROID_HOME}/platform-tools; export PUB_HOSTED_URL=https://pub.flutter-io.cn; export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

    mac上搭建Flutter開發環境,包括android和ios端配置Simulator(親自踩坑)
  7. 運作 source $HOME/.bash_profile 重新整理目前終端視窗
  8. 再次運作 flutter doctor 應該還會有 錯誤。現在錯誤基本上就是你的電腦沒有安裝ios或者安卓的編輯器和模拟器造成的;
  9. ios 編輯器和模拟器設定:
  10. 安裝Xcode,flutter官網要求7.2以上,個人建議安裝9.0以上或者最新版本
  11. 確定Xcode許可協定是通過打開一次Xcode或通過指令sudo xcodebuild -license同意過了
  12. 在Mac上,通過Spotlight或使用以下指令找到模拟器:
  13. open -a Simulator 就可以了
  14. 安卓設定:安裝Android Studio,在您的裝置上啟用 開發人員選項 和 USB調試,使用USB将手機插入電腦。如果您的裝置出現提示,請授權您的計算機通路您的裝置。運作 flutter devices 指令以驗證Flutter識别您連接配接的Android裝置。運作啟動您的應用程式 flutter run。
  15. 安卓設定Android模拟器:
  16. mac上搭建Flutter開發環境,包括android和ios端配置Simulator(親自踩坑)
    選擇建立
    mac上搭建Flutter開發環境,包括android和ios端配置Simulator(親自踩坑)

在運作flutter run 就可以;

有問題可以聯系我~