Flutter 學(xué)習之旅(一) -- Mac 系統(tǒng)下開發(fā)環(huán)境搭建

一寿烟、Flutter 的特點與核心概念

? ? ? ??Flutter 的特點有如下幾種:

? ? ? ? ? ? 1.跨平臺 -- 目前已知至少支持的平臺有 Windows 粪躬、macOS、Linux弃揽、android睛藻、iOS,甚至支持嵌入式開發(fā)碍侦,帶來的直接好處就是減少開發(fā)成本粱坤。

? ? ? ? ? ? 2.性能良好 -- 采用GPU渲染技術(shù),所以性能極高瓷产。Flutter 編寫的應(yīng)用可以達到 60fps站玄。

? ? ? ? ? ? 3.支持插件 -- 通過?Flutter 的插件可以訪問平臺本地API,如藍牙濒旦、Wi-Fi等株旷。利用現(xiàn)有的Swift、Java尔邓、Objective C 以及C ++代碼可以實現(xiàn)原生系統(tǒng)的調(diào)用晾剖。

? ? ? ? ? ? 4.響應(yīng)式框架 -- 使用?Flutter 的響應(yīng)式框架和一系列基礎(chǔ)組件,可以輕松構(gòu)建用戶界面梯嗽。

二齿尽、開發(fā)環(huán)境搭建

? ? ? ? ? ? 1.下載獲取Flutter SDK

? ??????????????官網(wǎng)地址:https://flutter.io/sdk-archive/#macos


????????????????下載之后解壓,存放到一個目錄之下灯节,我存放在桌面循头,目錄是?/Users/RW/Desktop/flutter?

????????????????2、使用鏡像和配置環(huán)境變量

? ? ? ? ? ? ? ? ? ?國內(nèi)訪問Flutter有時可能會受到限制炎疆,F(xiàn)lutter官方良心的為中國開發(fā)者搭建了臨時鏡像卡骂,對于我這種沒有梯子的可憐人來說真的是感動的一把鼻涕一把眼淚

? ? ? ? ? ? ? ?會 vim 的終端輸入:vim ~/.bash_profile

? ? ? ? ? ? ? ?不會的vim的:open ~/.bash_profile

? ? ? ? ? ? ? ? ? ? 將以下環(huán)境變量加入到用戶環(huán)境變量中:

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

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

? ? ? ? ? ? ? ? ? ? ? ?export PATH=/Users/RW/Desktop/flutter/bin:$PATH

PATH= XXXX /flutter/bin:$PATH

? ? ? ? ? ? ? ? ? ? 其中?PATH=/ x x x x /flutter/bin:$PATH 為你下載后解壓到的路徑,上面有提到形入,我是放在桌面全跨。

? ? ? ? ? ? ? ? ? ? 保存后,記得?source $HOME/.bash_profile 刷新當前終端窗口亿遂,使剛剛配置的內(nèi)容生效浓若。

? ? ? ? ? ? ? ? ? ?3. 接下來檢查環(huán)境?

? ? ? ? ? ? ? ? ? ? ? 終端運行:flutter doctor -v

? ? ? ? ? ? ? ? ? ? 此操作第一次執(zhí)行時會比較耗時盒使,以后就不會了。完了后出現(xiàn)下圖所示七嫌,會發(fā)現(xiàn)缺少一些其他依賴少办,就按照提示一個個安裝好就行,依次往下安裝android studio和Xcode等诵原。個人根據(jù)自己的不同而操作不同英妓,比如我這里已經(jīng)安裝了Xcode 等,只需要更新iOS下的依賴和下載 Flutter 插件绍赛,按上面所說蔓纠,依次在終端執(zhí)行?brew update 、brew uninstall --ignore-dependencies libimobiledevice ...

最后面兩個叉提示我android studio需要安裝 Flutter 的插件吗蚌,那么我們打開android studio的偏好設(shè)置:



點下載腿倚,選yes后勉抓,需要一點時間下載


下載完成后會顯示:


問題解決完畢后西乖,我們回到終端輸入?flutter doctor -v


到了這里先試試?,重新啟動?android studio?后會發(fā)現(xiàn)面板上多了一個創(chuàng)建 Flutter 項目的選項澄惊。


選中后我們創(chuàng)建一個新的項目箩言,根據(jù)提示next硬贯,并運行一下我們的第一個Flutter 程序。


最后為 iOS 開發(fā)者簡單介(啰)紹(嗦)一下 Xcode 的設(shè)置

身為 iOS(菜雞)開發(fā)陨收,個人感覺并不用寫這最后一點饭豹,但又想到為了避免初次接觸 Xcode 的小伙伴想要體驗一下,還是簡單寫一下务漩,基本就是這么個步驟:

? ? ? ? 1.安裝Xcode ?-- AppStore 下載或者 https://developer.apple.com/xcode;

? ? ? ? 2.App ID拄衰;

? ? ? ? 3.證書簽名?

? ? ? ? ? ? 打開剛才用 Android Studio 創(chuàng)建的 Flutter 項目的文件夾 -> iOS/Runner.xcworkspace,配置證書簽名饵骨,初次體驗Xcode的小伙伴翘悉,可以選擇自動簽名,如下方4號紅色框宏悦。當然也可以去蘋果開發(fā)者中心配置證書

? ? ? ? 4.根據(jù)提示登陸自己的Apple ID

? ? ? ? 5. command + B 編譯 -?command +?R 運行

到這里為止镐确,環(huán)境搭建就全部完成啦,接下來就是各位大神們一展身手的時候了饼煞。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市诗越,隨后出現(xiàn)的幾起案子砖瞧,更是在濱河造成了極大的恐慌,老刑警劉巖嚷狞,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件块促,死亡現(xiàn)場離奇詭異荣堰,居然都是意外死亡,警方通過查閱死者的電腦和手機竭翠,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進店門振坚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人斋扰,你說我怎么就攤上這事渡八。” “怎么了传货?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵屎鳍,是天一觀的道長。 經(jīng)常有香客問我问裕,道長逮壁,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任粮宛,我火速辦了婚禮窥淆,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘巍杈。我一直安慰自己祖乳,他們只是感情好,可當我...
    茶點故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布秉氧。 她就那樣靜靜地躺著眷昆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪汁咏。 梳的紋絲不亂的頭發(fā)上亚斋,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天,我揣著相機與錄音攘滩,去河邊找鬼帅刊。 笑死,一個胖子當著我的面吹牛漂问,可吹牛的內(nèi)容都是我干的赖瞒。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼蚤假,長吁一口氣:“原來是場噩夢啊……” “哼栏饮!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起磷仰,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤袍嬉,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伺通,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡箍土,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了罐监。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片吴藻。...
    茶點故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖弓柱,靈堂內(nèi)的尸體忽然破棺而出沟堡,到底是詐尸還是另有隱情,我是刑警寧澤吆你,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布弦叶,位于F島的核電站,受9級特大地震影響妇多,放射性物質(zhì)發(fā)生泄漏伤哺。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一者祖、第九天 我趴在偏房一處隱蔽的房頂上張望立莉。 院中可真熱鬧,春花似錦七问、人聲如沸蜓耻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽刹淌。三九已至,卻和暖如春讥耗,著一層夾襖步出監(jiān)牢的瞬間有勾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工古程, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蔼卡,地道東北人。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓挣磨,卻偏偏與公主長得像雇逞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子茁裙,可洞房花燭夜當晚...
    茶點故事閱讀 43,697評論 2 351

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