Flutter安裝配置及創建HelloWorld(Mac平臺)

本文詳細介紹在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

看到如下圖所示的界面,說明安裝成功
image.png

5.安裝Android studio 工具,並安裝flutter

打開安裝好的Android studio 工具,安裝Flutter插件,因爲筆者這邊已經安裝完,只要安裝最新的版本就可以
image.png
安裝完插件以後,再次打開終端 輸入

flutter doctor

這個命令是檢查Flutter是否安裝正確。

如果上面所說的都安裝正確,則會顯示如下:
即:Flutter和Android Studio,以及Flutter插件即可
當然你需要編譯IOS版本的話,繼續安裝Xcode,按照它提示的命令即可,這裏暫時不做說明,以後有需要,再進行更新
image.png

6.創建Flutter項目

重新打開Android studio,多出來一個 Start a new Flutter project選項,點擊Start a new Flutter project
image.png

特別提示:
第一次點擊完,Android studio會進入一個假死的狀態,一般會需要一分鐘,接着會彈出如下界面:
image.png

然後next,然後點擊run,在模擬器中出現如下示例工程,則表示安裝成功

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章