flutter在mac環(huán)境上初次搭建過程

????????最近谷歌出品的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(這里不描述)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市请契,隨后出現(xiàn)的幾起案子咳榜,更是在濱河造成了極大的恐慌,老刑警劉巖爽锥,帶你破解...
    沈念sama閱讀 221,198評論 6 514
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涌韩,死亡現(xiàn)場離奇詭異,居然都是意外死亡氯夷,警方通過查閱死者的電腦和手機臣樱,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,334評論 3 398
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來腮考,“玉大人雇毫,你說我怎么就攤上這事〔任担” “怎么了棚放?”我有些...
    開封第一講書人閱讀 167,643評論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長馅闽。 經(jīng)常有香客問我飘蚯,道長馍迄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,495評論 1 296
  • 正文 為了忘掉前任局骤,我火速辦了婚禮攀圈,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘峦甩。我一直安慰自己赘来,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 68,502評論 6 397
  • 文/花漫 我一把揭開白布穴店。 她就那樣靜靜地躺著撕捍,像睡著了一般拿穴。 火紅的嫁衣襯著肌膚如雪泣洞。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,156評論 1 308
  • 那天默色,我揣著相機與錄音球凰,去河邊找鬼。 笑死腿宰,一個胖子當(dāng)著我的面吹牛呕诉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播吃度,決...
    沈念sama閱讀 40,743評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼甩挫,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了椿每?” 一聲冷哼從身側(cè)響起伊者,我...
    開封第一講書人閱讀 39,659評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎间护,沒想到半個月后亦渗,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,200評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡汁尺,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,282評論 3 340
  • 正文 我和宋清朗相戀三年法精,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片痴突。...
    茶點故事閱讀 40,424評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡搂蜓,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出辽装,到底是詐尸還是另有隱情帮碰,我是刑警寧澤,帶...
    沈念sama閱讀 36,107評論 5 349
  • 正文 年R本政府宣布如迟,位于F島的核電站收毫,受9級特大地震影響攻走,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜此再,卻給世界環(huán)境...
    茶點故事閱讀 41,789評論 3 333
  • 文/蒙蒙 一昔搂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧输拇,春花似錦摘符、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,264評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至猴抹,卻和暖如春带族,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蟀给。 一陣腳步聲響...
    開封第一講書人閱讀 33,390評論 1 271
  • 我被黑心中介騙來泰國打工蝙砌, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人跋理。 一個月前我還...
    沈念sama閱讀 48,798評論 3 376
  • 正文 我出身青樓择克,卻偏偏與公主長得像,于是被迫代替她去往敵國和親前普。 傳聞我的和親對象是個殘疾皇子肚邢,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,435評論 2 359

推薦閱讀更多精彩內(nèi)容