MacOS Flutter環境配置和安裝

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

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

1. 下載Flutter SDK包

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

2.解壓SDK

我是下載下來以後直接解壓,沒有用命令,感受雙擊一下就能解決的問題,搞這麼複雜,奇奇怪怪。我雙擊解壓以後直接拖到個人用戶下面。固然啦,有的確實喜歡用命令行,使用命令的話, 能夠直接複製。vim

cd /Users/DaGongRen
unzip ~/Downloads/flutter_macos_2.2.3-stable.zip
複製代碼

3.配置環境變量

剛開始的時候我是按照教程一步步來的。首先打開終端,進入存放Flutter的路徑bash

cd /Users/DaGongRen/flutter
vim ~/.bash_profile
複製代碼

使用vim打開這個.bash_profile的文件,在這個文件裏面添加配置,這個文件實際上是個隱藏文件,咱們可使用shift + command + .打開隱藏文件,個人flutter放在和這個.bash_profile在同一級目錄之下。 image.pngmarkdown

我是不太喜歡使用命令行,我就直接打開這個文件,在這個文件裏面添加上PATHoop

export PATH=/Users/DaGongRen/flutter/bin:$PATH
export PATH=/Users/DaGongRen/flutter/bin/cache/dart-sdk/bin:$PATH
複製代碼

而後關閉,接着從新打開終端post

cd /Users/DaGongRen/flutter
flutter -h
複製代碼

接着出現以下界面,說明環境配置成功了。 image.pnggoogle

4.檢查是否安裝成功

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

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

相關文章
相關標籤/搜索