前段時(shí)間自己開發(fā)了兩款付費(fèi)APP上架到App Store痪伦,感覺(jué)還不錯(cuò)侄榴,很有成就感雹锣,但只有iOS版本還是不行啊,閑來(lái)沒(méi)事癞蚕,準(zhǔn)備入坑Flutter蕊爵,搞個(gè)安卓版本。在簡(jiǎn)書記錄一下學(xué)下過(guò)程吧桦山。
環(huán)境搭建均基于MacOS
系統(tǒng)攒射。詳細(xì)文檔參見Flutter中文官網(wǎng)。
一恒水、 使用鏡像
在國(guó)內(nèi)訪問(wèn)Flutter有時(shí)可能會(huì)受到限制匆篓,導(dǎo)致下載過(guò)程失敗,需使用鏡像:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
二寇窑、安裝Flutter SDK
1. 使用Git安裝
$ git clone -b beta https://github.com/flutter/flutter.git
2. 配置環(huán)境變量
$ vim ~/.bash_profile
//進(jìn)入vim編輯,如下配置
export FLUTTER_HOME=/Users/olive/Documents/flutter
export PATH=$PATH:$FLUTTER_HOME/bin:
保存后退出鸦概,重啟終端。
3. 運(yùn)行flutter doctor
運(yùn)行以下命令查看是否需要安裝其它依賴項(xiàng)來(lái)完成安裝:
$ flutter doctor
開始下載:
flutter doctor
該命令檢查環(huán)境并會(huì)在終端窗口中顯示報(bào)告甩骏。Dart SDK已經(jīng)在捆綁在Flutter里了窗市,沒(méi)有必要單獨(dú)安裝Dart。 仔細(xì)檢查命令行輸出以獲取可能需要安裝的其他軟件或進(jìn)一步需要執(zhí)行的任務(wù)饮笛,如下圖紅色?和感嘆號(hào):
按照提示咨察,把?一個(gè)個(gè)更新或者安裝,解決完就OK了福青。
其中:
[?] Android Studio (version 3.0)
? Flutter plugin not installed; this adds Flutter specific functionality.
? Dart plugin not installed; this adds Dart specific functionality.
打開Android Studio -> Plugins摄狱,搜索flutter:
Plugins
點(diǎn)擊中間Search in repositories -> Install :
再次運(yùn)行 flutter doctor,nice无午!全綠了媒役,環(huán)境OK~