首次接觸Flutter,覺得擴充性真的不錯,但沒想到卻被環境層層阻攔,親自踩坑後覺得非常清晰,比較簡單,是以整理下來供參考,少走彎路~
mac最好是先安裝android SDK(具體教程網上搜一大堆)
首先mac所需系統macOS (64-bit),Flutter 依賴下面這些指令行工具 bash, mkdir, rm, git, curl, unzip, which(官網都有)
- flutter安裝包位址:連結:https://pan.baidu.com/s/1GW39h-Cnx6V5dASJrWnyyQ 密碼:8023;
- 解壓安裝包放到你想安裝的目錄 :unzip ~/Downloads/flutter_macos_v0.5.1-beta.zip
- 添加flutter相關工具到path中: export PATH=
/flutter/bin:$PATHpwd
- 運作:flutter doctor ;然後這個時候一般情況下會報錯
- 添加環境變量 vim ./.bash_profile 如下:
-
;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
- 運作 source $HOME/.bash_profile 重新整理目前終端視窗
- 再次運作 flutter doctor 應該還會有 錯誤。現在錯誤基本上就是你的電腦沒有安裝ios或者安卓的編輯器和模拟器造成的;
- ios 編輯器和模拟器設定:
- 安裝Xcode,flutter官網要求7.2以上,個人建議安裝9.0以上或者最新版本
- 確定Xcode許可協定是通過打開一次Xcode或通過指令sudo xcodebuild -license同意過了
- 在Mac上,通過Spotlight或使用以下指令找到模拟器:
- open -a Simulator 就可以了
- 安卓設定:安裝Android Studio,在您的裝置上啟用 開發人員選項 和 USB調試,使用USB将手機插入電腦。如果您的裝置出現提示,請授權您的計算機通路您的裝置。運作 flutter devices 指令以驗證Flutter識别您連接配接的Android裝置。運作啟動您的應用程式 flutter run。
- 安卓設定Android模拟器:
- 選擇建立
在運作flutter run 就可以;
有問題可以聯系我~