本文詳細介紹在mac下搭建及配置flutter環境的每一個步驟,通過圖文的方式使得讀者快速理解和掌握flutter的環境搭建流程及創建Demo工程。
下載Flutter-sdk https://flutter.io/docs/development/tools/sdk/archive?tab=macos#macos
下載完以後進行解壓到你指定的位置
配置 Flutter-sdk 環境變量:
1.打開終端 輸入
open -e .bash_profile
2.打開的文件中添加如下的命令
export PATH=Flutter-sdk的路徑到/bin:$PATH
如圖所示:
3.執行如下命令讓剛剛配置的環境變量進行起效
source .bash_profile
終端輸入
flutter
看到如下圖所示的界面,說明安裝成功
5.安裝Android studio 工具,並安裝flutter
打開安裝好的Android studio 工具,安裝Flutter插件,因爲筆者這邊已經安裝完,只要安裝最新的版本就可以
安裝完插件以後,再次打開終端 輸入
flutter doctor
這個命令是檢查Flutter是否安裝正確。
如果上面所說的都安裝正確,則會顯示如下:
即:Flutter和Android Studio,以及Flutter插件即可
當然你需要編譯IOS版本的話,繼續安裝Xcode,按照它提示的命令即可,這裏暫時不做說明,以後有需要,再進行更新
6.創建Flutter項目
重新打開Android studio,多出來一個 Start a new Flutter project選項,點擊Start a new Flutter project
特別提示:
第一次點擊完,Android studio會進入一個假死的狀態,一般會需要一分鐘,接着會彈出如下界面:
然後next,然後點擊run,在模擬器中出現如下示例工程,則表示安裝成功