MacOS Flutter環境配置和安裝

weak_PG發表於2021-08-06

這是我參與8月更文挑戰的第5天,活動詳情檢視:8月更文挑戰

由於本人是一名iOS開發,所以本文主要講的就是在MacOS環境下Flutter的安裝流程,中間也踩了一部分坑,現在把我親身來配置的步驟貼出來 ​

1. 下載Flutter SDK包

直接開啟官網iOS下載地址,找到這個下載,我下載的版本是macos_2.2.3 image.png

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在同一級目錄之下。 image.png

我是不太喜歡使用命令列,我就直接開啟這個檔案,在這個檔案裡面新增上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
複製程式碼

接著出現如下介面,說明環境配置成功了。 image.png

4.檢查是否安裝成功

開啟終端,檢查是否安裝成功

cd /Users/DaGongRen/flutter
flutter --version
複製程式碼

如果顯示如下,則表明安裝成功 image.png

我這裡是提示:command not found,最後怎麼解決的呢?最後我是在.zshrc這個隱藏檔案中配置的PATH 而不是步驟3的.bash_profile檔案

image.png

接著,來驗證下是否所有的依賴都已經安裝完畢! ​

5.安裝診斷

通過執行flutter doctor命令來診斷是否存在未安裝或者未安裝成功的Flutter開發所需要的依賴選項。

image.png

執行我們可以看到Unable to locate Android SDK.那我們就去下載吧Android Studio 下載地址,溫馨提示下載完成之後開啟,然後會提示你下載一堆資源,你要選擇同意,內容比較大,需要等待一段時間。 完了之後,繼續flutter doctor

image.png

報紅的地方意思說的是沒有Java執行環境,接續下載java 下載地址 下載完成之後,繼續flutter doctor

image.png

按照提示的要求繼續flutter doctor --android-licenses,接下來就出現了好多次這個提示,直接輸入y

image.png

一頓操作之後繼續flutter doctor繼續提示我

image.png

我又接著繼續flutter doctor --android-licenses結果出現了這個玩意

image.png

最後找到了一個大佬的回答直達大佬的心底 步驟我借花獻佛貼一下,大致是,首先開啟Android Studio找到Preferences,把這個選項勾選上應用,然後會下載,需要等待一會時間,下載完成之後關閉。

image.png

接著最後來執行一次flutter doctor,ok,終於搞定了。

image.png

相關文章