Mac搭建Flutter開發(fā)環(huán)境

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項目試試吧

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容