這是我參與8月更文挑戰的第5天,活動詳情檢視:8月更文挑戰
由於本人是一名iOS開發,所以本文主要講的就是在MacOS環境下Flutter的安裝流程,中間也踩了一部分坑,現在把我親身來配置的步驟貼出來
1. 下載Flutter SDK包
直接開啟官網iOS下載地址,找到這個下載,我下載的版本是macos_2.2.3
2.解壓SDK
我是下載下來之後直接解壓,沒有用命令,感覺雙擊一下就能解決的問題,搞這麼複雜,奇奇怪怪。我雙擊解壓之後直接拖到我的使用者下面。當然啦,有的確實喜歡用命令列,使用命令的話, 可以直接複製。
cd /Users/DaGongRen
unzip ~/Downloads/flutter_macos_2.2.3-stable.zip
複製程式碼
3.配置環境變數
剛開始的時候我是按照教程一步步來的。首先開啟終端,進入存放Flutter的路徑
cd /Users/DaGongRen/flutter
vim ~/.bash_profile
複製程式碼
使用vim開啟這個.bash_profile
的檔案,在這個檔案裡面新增配置,這個檔案其實是個隱藏檔案,我們可以使用shift + command + .
開啟隱藏檔案,我的flutter放在和這個.bash_profile
在同一級目錄之下。
我是不太喜歡使用命令列,我就直接開啟這個檔案,在這個檔案裡面新增上PATH
export PATH=/Users/DaGongRen/flutter/bin:$PATH
export PATH=/Users/DaGongRen/flutter/bin/cache/dart-sdk/bin:$PATH
複製程式碼
然後關閉,接著重新開啟終端
cd /Users/DaGongRen/flutter
flutter -h
複製程式碼
接著出現如下介面,說明環境配置成功了。
4.檢查是否安裝成功
開啟終端,檢查是否安裝成功
cd /Users/DaGongRen/flutter
flutter --version
複製程式碼
如果顯示如下,則表明安裝成功
我這裡是提示:command not found
,最後怎麼解決的呢?最後我是在.zshrc
這個隱藏檔案中配置的PATH
而不是步驟3的.bash_profile
檔案
接著,來驗證下是否所有的依賴都已經安裝完畢!
5.安裝診斷
通過執行flutter doctor
命令來診斷是否存在未安裝或者未安裝成功的Flutter
開發所需要的依賴選項。
執行我們可以看到Unable to locate Android SDK.
那我們就去下載吧Android Studio 下載地址,溫馨提示下載完成之後開啟,然後會提示你下載一堆資源,你要選擇同意,內容比較大,需要等待一段時間。
完了之後,繼續flutter doctor
報紅的地方意思說的是沒有Java執行環境,接續下載java 下載地址
下載完成之後,繼續flutter doctor
按照提示的要求繼續flutter doctor --android-licenses
,接下來就出現了好多次這個提示,直接輸入y
一頓操作之後繼續flutter doctor
繼續提示我
我又接著繼續flutter doctor --android-licenses
結果出現了這個玩意
最後找到了一個大佬的回答直達大佬的心底
步驟我借花獻佛貼一下,大致是,首先開啟Android Studio
找到Preferences
,把這個選項勾選上應用,然後會下載,需要等待一會時間,下載完成之後關閉。
接著最後來執行一次flutter doctor
,ok,終於搞定了。