????????最近谷歌出品的flutter開發(fā)框架比較火,目前來說,能夠?qū)崿F(xiàn)iOS和android雙平臺相同的體驗效果熙宇,效率執(zhí)行方面也是很接近原生語言坐昙。學(xué)無止境绳匀,本人目前也是從事iOS移動端的開發(fā),學(xué)習(xí)了一段時間的flutter開發(fā)炸客,準(zhǔn)備嘗試著做一些小應(yīng)用疾棵。今天主要是記錄一下flutter在mac環(huán)境下的搭建過程。
? ? flutter的官方網(wǎng)站是:https://flutter.dev/?,在國內(nèi)有可能打不開痹仙,這個時候我們需要打開在國內(nèi)網(wǎng)站:https://flutterchina.club/?是尔。
????點擊首頁上的“快速開始”,接著點擊“MACOS”藍(lán)色的按鈕开仰,上面有一些步驟描述拟枚,按照一步步來就可以了。
第一步:獲取flutter SDK
????進(jìn)入:https://github.com/flutter/flutter/releases 众弓,選擇最新的SDK(我下載的時候是version:v-1.16.2)下載到本地恩溅,待用。? ?
? ?發(fā)現(xiàn)這樣直接下載下來并沒有用谓娃,? ?這個在配置完環(huán)境變量后在終端輸入命令檢查時才發(fā)現(xiàn)暴匠,提示要通過git進(jìn)行獲取,而不能直接下載傻粘。
? ?所以每窖,我們在終端輸入:git clone -b stable https://github.com/flutter/flutter.git 執(zhí)行完畢后,?本地上多一個flutter文件夾的目錄弦悉。
第二步:配置環(huán)境變量
????要配置環(huán)境變量窒典,首先我們得確定我們的開發(fā)目錄,這個目錄我這里在個人文檔(Document)稽莉,手動建一個目錄叫development(這個可以自定義)瀑志,把上一步的flutter文件夾放到這個目錄。環(huán)境變量的內(nèi)容主要在.bash_profile的文件里,這個文件默認(rèn)是隱藏的劈猪,我們可以在鍵盤上按下comand+shift+.來顯示隱藏文件昧甘。可以用UltraEdit或其他文本編輯器打開战得,打開默認(rèn)是空的充边。接下來添加環(huán)境變量內(nèi)容:
我們來看一下官網(wǎng)上是怎么描述的:
我們把前面兩行的配置復(fù)制粘貼到.bash_profile的文件里(后面的注釋中文要去掉),第三行是配置flutter的git目錄常侦,也就是“~/Documents/development/flutter”這個路徑浇冰,經(jīng)過組裝后我們得到的完整配置如下:
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=~/Documents/development/flutter/bin:$PATH
保存,然后回到終端窗口輸入:source $HOME/.bash_profile 對配置文件進(jìn)行刷新聋亡。
前面兩個配置還可以選擇:
export PUB_HOSTED_URL=https://mirrors.sjtug.sjtu.edu.cn/
export FLUTTER_STORAGE_BASE_URL=https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
第三步:判斷環(huán)境是否配置正確????
要檢查環(huán)境是否配置正確肘习,我們打開終端,輸入:flutter doctor 然后回車坡倔,此時會給你返回配置的詳細(xì)結(jié)果:
比如:
上面這些打叉的就是還需要繼續(xù)配置的漂佩,然后上面也給出了相關(guān)的下載地址,按照給的提示做完以后就可以了罪塔。
我這里只配置了iOS的環(huán)境投蝉,配置完畢后再次運行命令:flutter doctor?
配置成功后的界面:
總結(jié)
1、flutter SDK要通過git的方式下載到本地
2垢袱、.bash_profile文件里的環(huán)境變量配置要仔細(xì)
3墓拜、git下載很慢的話可以考慮改本地host(這里不描述)