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

圖片發(fā)自簡書App

Flutter是谷歌的移動(dòng)UI框架纷闺,可以快速在iOS和Android上構(gòu)建高質(zhì)量的原生用戶界面。

Flutter在18年很火的樣子揽碘,要趕超 React Native的感覺浦徊,所以19年春節(jié)剛過,我就開始入門了掀宋,目前正在學(xué)習(xí)階段深纲,路過的大牛多多指導(dǎo)呦。學(xué)習(xí)新的開發(fā)語言劲妙,第一步湃鹊,肯定是要搭建開發(fā)環(huán)境嘍,通過兩次的搭建經(jīng)歷镣奋,遇到了一些問題币呵,用文章記錄一下,方便以后翻看侨颈,也可以給新手提供一些幫助余赢。

環(huán)境搭建

1.下載Flutter

推薦去官網(wǎng)下載,可以下載最新的SDK哈垢,網(wǎng)址:
https://flutter.io/setup-macos/

2.配置環(huán)境變量

先把剛才下載的zip包妻柒,解壓縮到你想要配置的文件夾下,然后使用命令行配置環(huán)境變量耘分。

vim ~/.bash_profile

增加一行

export PATH=/app/flutter/bin:$PATH

/app/flutter/bin 為解壓文件路徑举塔,如筆者的:

export PATH=/Users/MinJing_Lin/iOS/flutter/bin:$PATH

保存(:wq)完畢之后運(yùn)行命令:

source ~/.bash_profile

這個(gè)時(shí)候就可以運(yùn)行Flutter 命令行了,會(huì)展示Flutter命令幫助。

flutter -h
3.檢查環(huán)境
flutter doctor
圖1.png

如果有 ? 標(biāo)志求泰,表示本行檢測不通過啤贩,需要做一些設(shè)置或者安裝一些軟件。

如果Android Studio沒有安裝拜秧,可以先裝下(Mac版)痹屹。Android Studio下載地址:http://www.android-studio.org/

4.安裝安卓環(huán)境
flutter doctor --android-licenses

這里界面會(huì)要求輸入Y/N,一路輸入Y就行了。

打開Android Studio,打開plugin食棕,輸入flutter搜索,點(diǎn)擊install祥楣,安裝Flutter插件時(shí)楼肪,會(huì)自動(dòng)下載Dart語言培廓,安裝完成后重啟Android Studio。

圖2.png
5.安裝iOS環(huán)境
brew install --HEAD libimobiledevice
brew install ideviceinstaller
brew install ios-deploy
brew install cocoapods
pod setup

如果資源brew update 太慢春叫,沒動(dòng)靜肩钠,可以替換一下鏡像,使用中科大的鏡像
第一步暂殖,替換brew.git

cd "$(brew --repo)"
git remote set-url origin https://mirrors.ustc.edu.cn/brew.git

第二步:替換homebrew-core.git

cd "$(brew --repo)/Library/Taps/homebrew/homebrew-core"
git remote set-url origin https://mirrors.ustc.edu.cn/homebrew-core.git
6.配置環(huán)境變量

如果在國內(nèi)价匠,你懂的,還需要設(shè)置一下pub源呛每,不然就不能愉快的使用別人寫的庫踩窖。

運(yùn)行

vim ~/.bash_profile

增加

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

保存退出,然后運(yùn)行

source ~/.bash_profile

至此晨横,我們的環(huán)境就搭建完畢了洋腮,可以愉快的開發(fā)了。

開啟flutter“Hello world”之旅

打開 Android Studio 手形,選擇“Start a new Flutter project”


圖3
參考鏈接

https://flutterchina.club
https://segmentfault.com/a/1190000014845833
http://www.reibang.com/p/9617bd923159
https://blog.csdn.net/JerryWu145/article/details/86214908

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末啥供,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子库糠,更是在濱河造成了極大的恐慌滤灯,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件曼玩,死亡現(xiàn)場離奇詭異鳞骤,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)黍判,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門豫尽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人顷帖,你說我怎么就攤上這事美旧。” “怎么了贬墩?”我有些...
    開封第一講書人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵榴嗅,是天一觀的道長。 經(jīng)常有香客問我陶舞,道長嗽测,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮唠粥,結(jié)果婚禮上疏魏,老公的妹妹穿的比我還像新娘。我一直安慰自己晤愧,他們只是感情好大莫,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著官份,像睡著了一般只厘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上舅巷,一...
    開封第一講書人閱讀 49,166評(píng)論 1 284
  • 那天羔味,我揣著相機(jī)與錄音,去河邊找鬼悄谐。 笑死介评,一個(gè)胖子當(dāng)著我的面吹牛库北,可吹牛的內(nèi)容都是我干的爬舰。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼寒瓦,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼情屹!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起杂腰,我...
    開封第一講書人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬榮一對(duì)情侶失蹤垃你,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后喂很,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體惜颇,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年少辣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了凌摄。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡漓帅,死狀恐怖锨亏,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情忙干,我是刑警寧澤器予,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布,位于F島的核電站捐迫,受9級(jí)特大地震影響乾翔,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜施戴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一末融、第九天 我趴在偏房一處隱蔽的房頂上張望钧惧。 院中可真熱鬧,春花似錦勾习、人聲如沸浓瞪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽乾颁。三九已至,卻和暖如春艺栈,著一層夾襖步出監(jiān)牢的瞬間英岭,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來泰國打工湿右, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留诅妹,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓毅人,卻偏偏與公主長得像吭狡,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子丈莺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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

  • 原生Android開發(fā)環(huán)境配置 原生Android開發(fā)環(huán)境變量JAVA配置划煮,可以百度搜索JDK去甲骨文官網(wǎng)下載或者...
    想要的都沒有閱讀 1,465評(píng)論 0 1
  • 官方網(wǎng)址:https://flutter.io/ Flutter中文網(wǎng):https://flutterchina....
    僅此而已_A閱讀 3,546評(píng)論 0 4
  • 在理發(fā)店待了一個(gè)下午,看到一個(gè)媽媽帶著一個(gè)五歲左右的小男孩進(jìn)來缔俄,說是自己白頭發(fā)太多弛秋,所以要染發(fā)。 ...
    emilyhappy閱讀 241評(píng)論 0 0
  • “爸俐载,我給你買了些補(bǔ)品蟹略,聽說效果特別好,還有你最喜歡的老白干遏佣,哦挖炬!還有你一直叨念的北京烤鴨, 我特意去北京買的贼急!”...
    心蓮0205閱讀 172評(píng)論 2 3
  • 今天需要從的 hbase 使用 sql 來查詢數(shù)據(jù)茅茂,于是想到了使用 phoenix 工具,在自己的環(huán)境里大概試了一...
    kongxx閱讀 3,027評(píng)論 0 1