二、Flutter開發(fā)環(huán)境配置(Mac)

官網(wǎng)地址:https://flutter.io/
插件倉庫:https://pub.dartlang.org/flutter
跟多的介紹可以通過上面的鏈接獲取,這里就總結(jié)一句锯梁,F(xiàn)lutter大法好

INSTALL ON MACOS

獲取 Flutter SDK

為了獲取 Flutter , 使用 git 去克隆倉庫然后添加 flutter 工具到你的環(huán)境變量焰情。 運行 flutter doctor 來顯示剩下你需要安裝的的依賴陌凳。

克隆倉庫

如果這是你第一次在電腦上安裝 Flutter ,就要克隆這個遠程倉庫:
git clone -b beta https://github.com/flutter/flutter.git

設置環(huán)境變量

對于所有終端會話永久修改此變量的步驟是特定于計算機的内舟。通常合敦,您會在打開新窗口時將行添加到執(zhí)行的文件中。例如:

確定您放置Flutter SDK的目錄验游。您將在步驟3中需要此操作充岛。
打開(或創(chuàng)建)$HOME/.bash_profile。文件路徑和文件名可能在您的機器上不同耕蝉。
添加以下行并更改[PATH_TO_FLUTTER_GIT_DIRECTORY]為克隆Flutter的git repo的路徑:

export PATH=[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin:$PATH

運行source $HOME/.bash_profile刷新當前窗口崔梗。

flutter/bin通過運行以下命令驗證目錄是否在PATH中:

echo $PATH

關閉所有的終端,重新開啟一個新的終端垒在,完成更改蒜魄。

運行 flutter doctor

打開一個新的命令提示符或者 PowerShell 窗口,接著運行以下的命令,看是否需要安裝任何依賴項來完成安裝:

flutter doctor

執(zhí)行結(jié)果:

DonghongyudeMBP:~ donghongyu$ flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[?] Flutter (Channel master, v0.4.3-pre.59, on Mac OS X 10.13.4 17E202, locale zh-Hans-CN)
[?] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[?] iOS toolchain - develop for iOS devices (Xcode 9.3.1)
[?] Android Studio (version 3.0)
[?] Android Studio (version 3.1)
[?] IntelliJ IDEA Ultimate Edition (version 2018.1.2)
[!] Connected devices
    ! No devices available

! Doctor found issues in 1 category.

如果你是第一次使用Flutter的話可能會有幾個錯誤出現(xiàn)

可能出現(xiàn)的錯誤解釋
Android Studio 配置
安裝Flutter插件

安裝Dart插件

設置插件

設置Dart路徑

配置Flutter路徑
運行官方Example
官方Example運行

flutter_gallery是比較完善的案例谈为,但是比較坑的是里面使用到了https://flutter.googlesource.com/gallery-assets旅挤,但是由于這是Google的服務器,太渣了【你懂的】峦阁。
所以我們這里要配置一下谦铃,通過某種方式將gallery-assets下載下來耘成,這里大家可以直接使用我配置到GitHub的https://github.com/MartinDong/gallery-assets.git

解決gallery-assets獲取失敗

配置完成上面的之后使用Android Studio運行項目


Android Studio運行項目

如果想運行在ios的實體手機上面,需要使用命令行運行,如下

在終端打開flutter_gallery文件夾
  • 遵循Xcode簽名流程來配置您的項目:
    • 通過open ios/Runner.xcworkspace在Flutter項目目錄中的終端窗口中運行榔昔,打開項目中的默認Xcode工作區(qū)。
    • 在Xcode中瘪菌,選擇Runner左側(cè)導航面板中的項目撒会。
    • 在Runner目標設置頁面中,確保在 General > Signing > Team 下選擇了您的開發(fā)團隊师妙。當您選擇一個團隊時诵肛,Xcode會創(chuàng)建并下載開發(fā)證書,向您的設備注冊您的帳戶默穴,并創(chuàng)建和下載配置文件(如果需要)怔檩。
      • 要開始您的第一個iOS開發(fā)項目,您可能需要使用您的Apple ID登錄Xcode蓄诽。
  • 運行啟動您的應用程序flutter run薛训。
運行結(jié)果
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市仑氛,隨后出現(xiàn)的幾起案子乙埃,更是在濱河造成了極大的恐慌,老刑警劉巖锯岖,帶你破解...
    沈念sama閱讀 211,194評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件介袜,死亡現(xiàn)場離奇詭異,居然都是意外死亡出吹,警方通過查閱死者的電腦和手機遇伞,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,058評論 2 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捶牢,“玉大人鸠珠,你說我怎么就攤上這事〗腥罚” “怎么了跳芳?”我有些...
    開封第一講書人閱讀 156,780評論 0 346
  • 文/不壞的土叔 我叫張陵,是天一觀的道長竹勉。 經(jīng)常有香客問我飞盆,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,388評論 1 283
  • 正文 為了忘掉前任吓歇,我火速辦了婚禮孽水,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘城看。我一直安慰自己女气,他們只是感情好,可當我...
    茶點故事閱讀 65,430評論 5 384
  • 文/花漫 我一把揭開白布测柠。 她就那樣靜靜地躺著炼鞠,像睡著了一般。 火紅的嫁衣襯著肌膚如雪轰胁。 梳的紋絲不亂的頭發(fā)上谒主,一...
    開封第一講書人閱讀 49,764評論 1 290
  • 那天,我揣著相機與錄音赃阀,去河邊找鬼霎肯。 笑死,一個胖子當著我的面吹牛榛斯,可吹牛的內(nèi)容都是我干的观游。 我是一名探鬼主播,決...
    沈念sama閱讀 38,907評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼驮俗,長吁一口氣:“原來是場噩夢啊……” “哼懂缕!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起意述,我...
    開封第一講書人閱讀 37,679評論 0 266
  • 序言:老撾萬榮一對情侶失蹤提佣,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后荤崇,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拌屏,經(jīng)...
    沈念sama閱讀 44,122評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,459評論 2 325
  • 正文 我和宋清朗相戀三年术荤,在試婚紗的時候發(fā)現(xiàn)自己被綠了倚喂。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,605評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡瓣戚,死狀恐怖端圈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情子库,我是刑警寧澤舱权,帶...
    沈念sama閱讀 34,270評論 4 329
  • 正文 年R本政府宣布,位于F島的核電站仑嗅,受9級特大地震影響宴倍,放射性物質(zhì)發(fā)生泄漏张症。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,867評論 3 312
  • 文/蒙蒙 一鸵贬、第九天 我趴在偏房一處隱蔽的房頂上張望俗他。 院中可真熱鬧,春花似錦阔逼、人聲如沸兆衅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,734評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽羡亩。三九已至,卻和暖如春周伦,著一層夾襖步出監(jiān)牢的瞬間夕春,已是汗流浹背未荒。 一陣腳步聲響...
    開封第一講書人閱讀 31,961評論 1 265
  • 我被黑心中介騙來泰國打工专挪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人片排。 一個月前我還...
    沈念sama閱讀 46,297評論 2 360
  • 正文 我出身青樓寨腔,卻偏偏與公主長得像,于是被迫代替她去往敵國和親率寡。 傳聞我的和親對象是個殘疾皇子迫卢,可洞房花燭夜當晚...
    茶點故事閱讀 43,472評論 2 348

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)冶共,斷路器乾蛤,智...
    卡卡羅2017閱讀 134,629評論 18 139
  • 官網(wǎng)地址:https://flutter.io/插件倉庫:https://pub.dartlang.org/flu...
    FM小宇宙閱讀 509評論 0 0
  • 三年前在蘇州寫下?lián)]別安慶奔赴北京的心情家卖,現(xiàn)在打開那篇日志似乎還能聞到安慶的氣息;三年后我在人圖揮別人大奔赴下一站...
    倚馬看落日閱讀 116評論 0 0
  • 田松 | 文明的末梢、碎屑與崩解 ——讀胡嘉明馒闷、張劼穎《廢品生活——垃圾場的經(jīng)濟酪捡、社區(qū)與空間》 一直都被“垃圾是被...
    Dave_Jenny閱讀 172評論 0 0
  • 放寒假了,我去了姑姑家纳账,我剛跨進門口逛薇,就能看到一個大大的魚缸,我姑姑家有三間臥室疏虫,一個廚房永罚,一個廁所帅涂,一...
    曹軒瑞閱讀 439評論 0 0