Mac系統(tǒng)版本
macOS Monterey 12.1
獲取Flutter SDK
- 去Flutter官網(wǎng)下載其最新可用的安裝包, 轉(zhuǎn)至下載頁
- 解壓安裝包到你想安裝的目錄, 如
cd ~/Library/
安裝目錄可以自定義, 我選擇了資源庫
unzip ~/Downloads/flutter_macos_2.8.1-stable.zip
把下載好的Flutter SDK解壓安裝, 由于我下載完成已經(jīng)是解壓過的, 所以直接復(fù)制到了Library里
注意!!!以下macOS環(huán)境變量配置和鏡像配置是分開執(zhí)行的.
是為了能夠清楚的知道, 每一步執(zhí)行是做什么的. 但其實兩者是可以合并執(zhí)行的. 各位看官可以看完以后,同時執(zhí)行
MacOS環(huán)境變量配置
1. open .bash_profile
打開.bash_profile并編輯, 如果沒有, 執(zhí)行命令touch .bash_profile創(chuàng)建
2. 配置環(huán)境變量, XXXX是FLutter安裝目錄
export FLUTTER_HOME=XXXX/flutter
export PATH=$PATH:$FLUTTER_HOME/bin
export PATH=$PATH:$FLUTTER_HOME/bin/cache/dart-sdk/bin
3. 直接關(guān)閉并保存剛剛的配置環(huán)境,
4. source .bash_profile
更新剛配置的環(huán)境變量
5. flutter -h
執(zhí)行命令檢測是否配置成功,注意這一步是聯(lián)網(wǎng),可能需要等一段時間才能完成,成功后大概是這個樣子. 如下圖:
配置成功.jpg
配置鏡像
Flutter項目會依賴一些東西，在國內(nèi)下載這些依賴會有一些慢，所以我們可以將它們的安裝源換成國內(nèi)的(也就是設(shè)置國內(nèi)的鏡像)
在macOS操作系統(tǒng)下
1. open .bash_profile
在環(huán)境變量配置過程中,已經(jīng)編輯過此文件,肯定會存在.
2. 添加國內(nèi)鏡像
export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內(nèi)用戶需要設(shè)置
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內(nèi)用戶需要設(shè)置
新建 變量 PUB_HOSTED_URL，其值為https://pub.flutter-io.cn
新建 變量 FLUTTER_STORAGE_BASE_URL， 其值為https://storage.flutter-io.cn
4. source .bash_profile
5. flutter -h
檢查必要的依賴
flutter doctor
結(jié)果如下圖: 每臺電腦配置完成夠, 出現(xiàn)的結(jié)果也不同, 我的電腦除了Android都是最新的所以檢測依賴時, 只有Android出現(xiàn)遺漏, 因此以下圖為例, 如何解決問題.
flutter doctor.jpeg
上圖發(fā)現(xiàn)一共有2個問題.
- 在Android中缺少cmdline-tools. 添加步驟 Android Studio -> Tools -> SDKManager -> Android SDK -> SDK Tools 找到缺失并且下載.
- 需要在終端中執(zhí)行命令flutter doctor --android-licenses接受SDK許可. 一路同意就行.
把所有問題都解決以后, 在執(zhí)行flutter doctor. 所有的必要依賴都完成.
配置.zshrc文件
為什么要配置.zshrc文件, 當(dāng)每次打開終端使用 flutter 命令時, 都需要先執(zhí)行
source .bash_profile. 否則 flutter 命令不存在.
1. open -e .zshrc
如果沒有的話touch .zshrc
2 將 source ~/.bash_profile 添加到 .zshrc 中保存即可
到此 在Mac上安裝Flutter就全部完成了. 可以開始你新的開發(fā)之路
