Flutter環(huán)境部署(Windows+Android studio)

前言

寫在前邊,本人是Android開發(fā)者,寫這篇文章時如你所見,正準備入坑Flutter。入坑跨平臺的開發(fā)不得不考慮蘋果大佬對待Flutter的態(tài)度,因為一旦蘋果大佬封殺Flutter的風險變大,入坑Flutter的風險就會很大,到頭來可能只是學會這么一門曾經(jīng)的技術(shù)而已。
直到看到知乎上的一篇文章Apple 為什么不封殺 Flutter 呢?(作者:mingyu ye))從某種程度上堅定我的入坑心。
摘要一下知乎的回答:
Flutter:

Flutter 與前面說的 RN、Weex、小程序最大的不同就是 Flutter 是一個跨平臺解決方案,而非一個動態(tài)化解決方案,Google 的野心很大,想把 Flutter 打造成為新一代的移動端開發(fā)標準,在做任何事情時都會考慮合規(guī)問題,所以才會在考慮了 iOS 上動態(tài)化能力時,依然不考慮支持這個特性,因為一旦 Flutter 在 iOS 上具備了這個能力,也就存在了審核風險,這個審核風險是系統(tǒng)性的;
這點要說到國內(nèi)外開發(fā)模式的不同,國外主張加強 CodeReview,國內(nèi)主張小步快跑,快速迭代,有問題動態(tài)更新和熱修復頂上,而蘋果的審核速度即便一再加快,也難滿足國內(nèi)各大 App 的快速發(fā)版需求,正因為如此一再試探蘋果的審核邊界,最終在審核方面造成的問題和風險會逐步抵消掉動態(tài)更新和熱修復帶來的好處,當然不同 App 有不同的大環(huán)境,未來 App 也一定是朝著更合規(guī)的方向去發(fā)展;
Flutter 目前沒有合規(guī)上的風險,因為本身就不是一個動態(tài)化解決方案,但一樣秉持不提倡、不承諾不封殺,因為 Flutter 的崛起會吃掉蘋果 App 原生開發(fā)人員的份額,蘋果不建議使用官方以外提供的 Native 開發(fā)方案,蘋果是絕不能容忍開發(fā)人員的大面積消失,一旦這種情況發(fā)生,蘋果的生態(tài)就會遭人掣肘,這是蘋果爸爸就會出來保護蘋果 App 原生開發(fā)人員,這個時候也就是 Flutter 份額降低影響力降低的時刻,蘋果也在不斷推行 Swift 和 SwiftUI 等對原生開發(fā)人員更友好的解決方案,力圖抵擋住各跨平臺解決方案對蘋果 App 原生開發(fā)人員的蠶食。

言歸正傳

Windows下Flutter環(huán)境部署

  • 本文僅適合有編程基礎(chǔ)的同學學習查看,新手僅做參考,不懂就問
1. 鏡像使用

你懂的,國內(nèi)大環(huán)境下要下個下載這些軟件直接訪問是不現(xiàn)實的,好在國內(nèi)提供了鏡像,如果有梯子的也可自行處理
電腦用戶環(huán)境變量配置鏡像路徑。具體步驟

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

手動操作步驟
(1)右鍵打開我的電腦
(2)點擊屬性
(3)打開高級屬性
(4)用戶屬性分別增加以上兩個環(huán)境變量
操作步驟過于簡單,直接上圖


QQ截圖20200512111924.jpg

配置環(huán)境變量以后,點擊確定(部分帖子介紹需要重啟電腦才能生效)

2. 系統(tǒng)要求

要安裝并運行Flutter,您的開發(fā)環(huán)境必須滿足以下最低要求:

操作系統(tǒng): Windows 7 或更高版本 (64-bit)
磁盤空間: 400 MB (不包括Android Studio的磁盤空間).
工具: Flutter 依賴下面這些命令行工具.
Git for Windows (Git命令行工具)

如果已安裝Git for Windows,請確保命令提示符或PowerShell中運行 git 命令,不然在后面運行flutter doctor時將出現(xiàn)Unable to find git in your PATH錯誤, 此時需要手動添加C:\Program Files\Git\bin至Path系統(tǒng)環(huán)境變量中。

3. 獲取Flutter SDk

獲取[獲取Flutter SDK](Flutter SDK)
去flutter官網(wǎng)下載其最新可用的安裝包,點擊下載 ;

注意,F(xiàn)lutter的渠道版本會不停變動,請以Flutter官網(wǎng)為準。另外,在中國大陸地區(qū),要想正常獲取安裝包列表或下載安裝包,可能需要翻墻,讀者也可以去Flutter github項目下去下載安裝包

將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:C:\src\flutter;注意,不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\)。

在Flutter安裝目錄的flutter文件下找到flutter_console.bat,雙擊運行并啟動flutter命令行,接下來,你就可以在Flutter命令行運行flutter命令了。

注意: 由于一些flutter命令需要聯(lián)網(wǎng)獲取數(shù)據(jù),如果您是在國內(nèi)訪問,由于眾所周知的原因,直接訪問很可能不會成功。 上面的PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL是google為國內(nèi)開發(fā)者搭建的臨時鏡像。詳情請參考 Using Flutter in China

上述命令為當前終端窗口臨時設(shè)置PATH變量。要將Flutter永久添加到路徑中,請參閱更新環(huán)境變量
說白了就是配置flutter的環(huán)境變量

QQ截圖20200512115413.jpg

要更新現(xiàn)有版本的Flutter,請參閱升級升級Flutter

3. 運行測試

打開命令還運行 flutter doctor


QQ截圖20200512112713.jpg

注意查看運行內(nèi)容,如有報錯會給出對應(yīng)的 flutter命令進行處理。作者在這個地方并沒有與坑,暫且跳過

4. Android studio與Flutter

作為goole旗下的Flutter和AS。Android studio對Flutter的開發(fā)提供了完美的支持。當然這也是作為Android開發(fā)者的福音,起碼不需要更換開發(fā)工具,浪費時間去適應(yīng)新工具了。

But
AS建議使用最新版本(本人AS3.5.2)
模擬器或者測試真機Android 4.1及以上

AS開發(fā)Flutter需要Flutter和Dart插件這兩位好兄弟來助陣。
插件的安裝,簡單的介紹兩句安裝步驟
File-setting-Plugin
分別搜索Flutter和Dart進行插件安裝


QQ截圖20200512113403.jpg
QQ截圖20200512113417.jpg

安裝完畢重啟AS
小知識點:
完成插件的安裝以后,需要配置下flutter的sdk


QQ截圖20200512115027.jpg

根據(jù)自己實際情況,選擇Flutter的sdk路徑,配置完成以后,AS會自動給Dart也配置上sdk路徑。可以順手的看一下
QQ截圖20200512115258.jpg
5.創(chuàng)建第一個Flutter

以上安裝并部署完成Flutter環(huán)境,我們即將與Flutter來一次緊密接觸
新建項目與創(chuàng)建Android項目類似,只是你會發(fā)現(xiàn),安裝了Flutter的AS多了一個New Flutter Project的選項


QQ截圖20200512113726.jpg

一路next 人品好的情況下完成人生第一個Flutter application的創(chuàng)建,連接機器run起來


QQ截圖20200512114622.jpg

下一篇,重點講講運行第一個Flutter過程中爬過的坑

更多精彩請關(guān)注我的熊貓卓Sun的博客
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,748評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,165評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,595評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,633評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,435評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,943評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,035評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,175評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,713評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,599評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,788評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,303評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,034評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,412評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,664評論 1 280
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,408評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,747評論 2 370