第一節(jié):在Windows上搭建Flutter開發(fā)環(huán)境

在Windows上搭建Flutter開發(fā)環(huán)境

1. 使用鏡像

1.1 鏡像說明

由于在國內訪問Flutter有時可能會受到限制文留，F(xiàn)lutter官方為中國開發(fā)者搭建了臨時鏡像让腹，大家可以將如下環(huán)境變量加入到用戶環(huán)境變量中：

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

注意:

此鏡像為臨時鏡像定续，并不能保證一直可用.

1.2 配置鏡像

fluter鏡像.png

flutter鏡像.png

2. 安裝配置JDK

2.1 下載JDK地址

https://www.oracle.com/java/technologies/javase-jdk8-downloads.html

選擇window版本下載

點擊下載.png

2.2 安裝JDK

安裝JDK.png

選擇默認路徑安裝,當然路徑你也可以自己配置

使用默認路徑.png

2.3 配置環(huán)境變量

2.3.1 復制JDK目錄

安裝目錄.png

復制JDK的路徑.png

2.3.2 新增環(huán)境變量

新增環(huán)境變量.png

2.3.3 配置JDK中bin的環(huán)境

編輯path.png

配置環(huán)境.png

2.4 測試是否安裝成功

測試是否安裝成功.png

3. 下載安裝 Android Studio

Flutter需要安裝和配置Android Studio

Android SDK平臺工具和Android SDK構建工具，這是Flutter為Android開發(fā)時所必需的

3.1 下載地址

https://developer.android.com/studio/index.html

3.2 安裝圖解

下載Android Studio攒砖，然后執(zhí)行“Android Studio安裝向導”捆昏。這將安裝最新的Android SDK

1.安裝

安裝.png

2.注意磁盤大小

安裝2.png

3.選擇安裝路徑,盡量使用默認路徑

安裝3.png

4.正在安裝

安裝4.png

5.安裝成功檢測

安裝5.png

6.安裝Android SDK

不導入設置.png

7.代理忽略

安裝7.png

8.下載SDK

安裝8.png

9.下一步

安裝9.png

10.選擇安裝SDK路徑

安裝10.png

11.選擇主題

安裝11.png

12.下載安裝,可能會有點慢

安裝12.png

3.2 配置Android SDK

1.復制SDK

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

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

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

4. 下載安裝Flutter SDK

4.1 系統(tǒng)要求

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

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

4.2 下載 Flutter SDK

下載地址:https://flutter.dev/docs/development/tools/sdk/releases#windows

下載flutter.png

4.3 安裝Flutter

1.將下載后的flutter源碼移到你要安裝flutter的目錄總

安裝flutter.png

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

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

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

5. 檢測環(huán)境是否配置成功

運行flutter doctor命令來檢測環(huán)境是否配置成功

5.1 第一次檢測的加過

flutter測試.png

會發(fā)現(xiàn)有三個感嘆號,

第一個干干好,是告訴我們雖然已經安裝了Android SDK 但是flutter里沒有配置

所以提示我們運行下面命令

flutter doctor --android-licenses

在運行過程中,可能會有很多的內容,讓你選擇Y/N,全部選擇Y

運行之后再檢測

5.2 第二次檢測

結果.png

發(fā)現(xiàn)第一個感嘆號已經變成對勾了,

第二個感嘆號是沒有在Android Studio中安裝Flutter 插件

去安裝一下就可以了

5.3 第三次檢測

結果2.png

發(fā)現(xiàn)已經解決了2個

最后一個不是太重要,表示沒有flutter倉庫, 之后,開發(fā)flutter的打開

模擬器運行就好了

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者

人面猴
序言：七十年代末藤肢，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子跺讯，更是在濱河造成了極大的恐慌枢贿，老刑警劉巖，帶你破解...
沈念sama閱讀 218,525評論 6贊 507
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件刀脏，死亡現(xiàn)場離奇詭異局荚，居然都是意外死亡，警方通過查閱死者的電腦和手機火本，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 93,203評論 3贊 395
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進店門危队，熙熙樓的掌柜王于貴愁眉苦臉地迎上來聪建，“玉大人，你說我怎么就攤上這事茫陆〗痿铮” “怎么了？”我有些...
開封第一講書人閱讀 164,862評論 0贊 354
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵簿盅，是天一觀的道長挥下。經常有香客問我，道長桨醋，這世上最難降的妖魔是什么棚瘟？我笑而不...
開封第一講書人閱讀 58,728評論 1贊 294
?港島之戀（遺憾婚禮）
正文為了忘掉前任，我火速辦了婚禮喜最，結果婚禮上偎蘸，老公的妹妹穿的比我還像新娘。我一直安慰自己瞬内，他們只是感情好迷雪，可當我...
茶點故事閱讀 67,743評論 6贊 392
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布。她就那樣靜靜地躺著虫蝶，像睡著了一般章咧。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上能真，一...
開封第一講書人閱讀 51,590評論 1贊 305
城市分裂傳說
那天赁严，我揣著相機與錄音，去河邊找鬼粉铐。笑死疼约，一個胖子當著我的面吹牛，可吹牛的內容都是我干的秦躯。我是一名探鬼主播忆谓，決...
沈念sama閱讀 40,330評論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼踱承！你這毒婦竟也來了倡缠？” 一聲冷哼從身側響起，我...
開封第一講書人閱讀 39,244評論 0贊 276
萬榮殺人案實錄
序言：老撾萬榮一對情侶失蹤茎活，失蹤者是張志新（化名）和其女友劉穎昙沦，沒想到半個月后，有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體载荔，經...
沈念sama閱讀 45,693評論 1贊 314
?護林員之死
正文獨居荒郊野嶺守林人離奇死亡盾饮，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內容為張勛視角年9月15日...
茶點故事閱讀 37,885評論 3贊 336
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了。大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丘损。...
茶點故事閱讀 40,001評論 1贊 348
活死人
序言：一個原本活蹦亂跳的男人離奇死亡普办，死狀恐怖，靈堂內的尸體忽然破棺而出徘钥，到底是詐尸還是另有隱情衔蹲，我是刑警寧澤，帶...
沈念sama閱讀 35,723評論 5贊 346
?日本核電站爆炸內幕
正文年R本政府宣布呈础，位于F島的核電站舆驶，受9級特大地震影響，放射性物質發(fā)生泄漏而钞。R本人自食惡果不足惜沙廉，卻給世界環(huán)境...
茶點故事閱讀 41,343評論 3贊 330
男人毒藥：我在死后第九天來索命
文/蒙蒙一、第九天我趴在偏房一處隱蔽的房頂上張望臼节。院中可真熱鬧撬陵，春花似錦、人聲如沸官疲。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,919評論 0贊 22
一樁弒父案亮隙，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽途凫。三九已至，卻和暖如春溢吻，著一層夾襖步出監(jiān)牢的瞬間维费，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 33,042評論 1贊 270
情欲美人皮
我被黑心中介騙來泰國打工促王，沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留犀盟，地道東北人。一個月前我還...
沈念sama閱讀 48,191評論 3贊 370
代替公主和親
正文我出身青樓蝇狼，卻偏偏與公主長得像阅畴，于是被迫代替她去往敵國和親。傳聞我的和親對象是個殘疾皇子迅耘，可洞房花燭夜當晚...
茶點故事閱讀 44,955評論 2贊 355