RN入坑很久了,今年開始flutter勢頭似乎很迅猛,準備開始學(xué)習(xí)一下,記錄一下環(huán)境搭建過程給大家一個參考
flutter SDK下載
1.官網(wǎng)地址:SDK下載
2.下載完成后,解壓到文件夾,配置flutter環(huán)境變量。如果之前創(chuàng)建過.bash_profile,可以省略掉touch創(chuàng)建步驟
$ cd ~/
$ touch .bash_profile
$ open .bash_profile
然后在.bash_profile文件中添加一行
export PATH=`pwd`/flutter/bin:$PATH
其中pwd是你的flutter解壓后的文件路徑,比如我配置的就是
export PATH=/Users/mazheng/Documents/iCollections/developSDK/flutter/bin:$PATH
3.cd到解壓下來的flutter文件夾目錄下,可以先運行flutter doctor查看下
$ flutter doctor
打勾的是通過的,打叉是未通過的,我的提示如下,因為是新電腦,只是裝了xcode而已,所以需要配置的應(yīng)該是最全的

運行環(huán)境檢查
4.Android Studio下載
官網(wǎng)下載:AS下載
安裝時如果提示錯誤unable to access android sdk-on list,直接點cancel,后在后續(xù)安裝過程中下載所需的sdk
安裝完成后,在as的設(shè)置中查看SDK路徑,如下

Android SDK路徑
然后繼續(xù)在.bash_profile文件中添加SDK路徑
export ANDROID_HOME=/Users/mazheng/Library/Android/sdk
終端繼續(xù)運行
flutter doctor --android-licenses
中間輸入五六次y,然后回車就行
再次運行flutter doctor就可以看到,flutter的安卓運行環(huán)境就搞定了
5.xcode環(huán)境配置
xcode提示我CocoaPods not installed. 所以我需要先安裝brew,已經(jīng)安裝過得可以跳過這一步
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
之后安裝iOS tool,也是根據(jù)提示命令安裝即可

iOS tool安裝
6.Flutter&Dart插件安裝
打開Android studio->Preferences->Plugins,搜索flutter和Dart,點擊安裝

插件安裝
安裝完后重啟IDE就可以了
結(jié)束:至此Mac端Flutter安裝環(huán)境完成,打開Android studio新建一個Flutter項目試試吧