廢話不多說(shuō),直接上步驟:
一伞访、使用flutter鏡像
計(jì)算機(jī)——右鍵——屬性——左邊“高級(jí)系統(tǒng)設(shè)置”——環(huán)境變量掂骏,在用戶或系統(tǒng)環(huán)境變量中,增加以下兩項(xiàng)厚掷,為了保證時(shí)效弟灼,這里放出官網(wǎng):
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
也可以使用命令行修改環(huán)境變量,打開powershell或cmd冒黑,后面帶 /m
是系統(tǒng)變量田绑,不帶是用戶變量:
setx PUB_HOSTED_URL "https://pub.flutter-io.cn" /m
setx FLUTTER_STORAGE_BASE_URL "https://storage.flutter-io.cn" /m
二、安裝flutter
依賴以下工具:
查看powershell版本的命令抡爹,注意$
符號(hào)也要輸入:
$PSVersionTable
查看 git
版本掩驱,直接在命令行中輸入 git
命令,會(huì)出現(xiàn)如下輸出:
安裝flutter sdk
- flutter官網(wǎng)下載地址冬竟,選擇個(gè)stable穩(wěn)定版的安裝即可欧穴,網(wǎng)絡(luò)不好可以使用 github地址
- 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如: C:\src\flutter ;注意泵殴,不要將flutter安裝到需要一些高權(quán)限的路徑如
C:\Program Files\
) - 安裝目錄里的
flutter_console.bat
是flutter自己的命令行涮帘,如果想全局使用,需要配置環(huán)境變量笑诅,如果用戶變量中沒(méi)有Path項(xiàng)调缨,創(chuàng)建一個(gè)疮鲫,如果有,在里面追加一條flutter\btn
的全路徑弦叶,以我的為例:
重啟電腦俊犯,環(huán)境變量便生效。
安裝 Android Studio
官網(wǎng)下載地址湾蔓,這個(gè)是 flutter 需要的 IDE瘫析,可以管理安卓依賴、SDK版本等默责。
安裝IDE插件
IDE除了 Android Studio贬循,也可以使用 vscode,兩者的插件名一樣:flutter桃序,和dart
Android Studio裝插件的步驟:
- 啟動(dòng)
- 菜單欄 file——settings——搜索 plugin杖虾,找到 plugins選項(xiàng),在輸入框中搜索兩個(gè)插件媒熊,安裝即可奇适,如果不顯示,開下kexue上網(wǎng)試試芦鳍。
- 重啟IDE
運(yùn)行 flutter doctor 命令
flutter doctor
然后根據(jù)提示嚷往,安裝紅色叉號(hào)顯示的需要的東西。正常來(lái)說(shuō)柠衅,只剩下一個(gè) no devices
警告皮仁,沒(méi)有關(guān)系,因?yàn)楝F(xiàn)在還沒(méi)連接設(shè)備或模擬器菲宴,暫時(shí)不用管贷祈。
三、創(chuàng)建 Flutter 應(yīng)用
vscode 創(chuàng)建
-
ctrl + shift + p
鍵入flutter
命令喝峦,找到new project
势誊,點(diǎn)擊 - 輸入項(xiàng)目名稱
Android Studio 創(chuàng)建
- file —— new flutter project
- 一路 next 即可
四、運(yùn)行應(yīng)用程序
連接真機(jī)
打開安卓機(jī)的設(shè)置——搜索 開發(fā)者選項(xiàng)——打開“允許USB調(diào)試”谣蠢,如果沒(méi)有開發(fā)者選項(xiàng)粟耻,請(qǐng)按對(duì)應(yīng)機(jī)型自行baidu,然后連接電腦即可眉踱,vscode或IDE會(huì)自動(dòng)識(shí)別設(shè)備勋颖,顯示如下:
此時(shí),如果運(yùn)行 flutter run
勋锤,就不會(huì)有紅叉警告了饭玲。
連接模擬器
目前還沒(méi)有配過(guò)第三方模擬器,之后會(huì)補(bǔ)充叁执,現(xiàn)在介紹如何在IDE或vscode中創(chuàng)建模擬器:
vscode比較簡(jiǎn)單茄厘,在上面截圖中的位置矮冬,選擇創(chuàng)建模擬器選項(xiàng):
Android Studio 打開菜單欄的 tools —— ADV Manager —— create... 一路 next 即可。
更改Gradle構(gòu)建鏡像
首先要說(shuō)明一下次哈,用kexue上網(wǎng)的話胎署,可以試試直接 flutter run
,順利的話可以啟動(dòng)窑滞,如果報(bào)的是網(wǎng)絡(luò)錯(cuò)誤的話琼牧,那就將kexue上網(wǎng)關(guān)掉(一定關(guān),不然影響鏡像)哀卫,然后將項(xiàng)目中的構(gòu)建源換成阿里源:
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
除了項(xiàng)目中的巨坊,還要改下 flutter 本身的構(gòu)建源,打開
E:\Program Files\flutter\packages\flutter_tools\gradle
安裝目錄下的 flutter.gradle
文件此改,編輯如下:配置好以上鏡像后趾撵,
flutter run
應(yīng)該就可以跑起來(lái)項(xiàng)目了,如果報(bào) gradle 版本的錯(cuò)誤共啃,可能是gradle構(gòu)建插件版本和gradle依賴版本沒(méi)有對(duì)應(yīng)上占调,插件版本在 build.gradle
中指定,依賴版本在 gradle-wrapper.properties
中指定移剪,比如說(shuō) 4.0.1
版本的 gradle究珊,至少要依賴的最低版本gradle是 6.1.1
,那么就按如下配置即可:另外纵苛,也要改下 flutter 安裝目錄中的版本剿涮,打開 E:\Program Files\flutter\packages\flutter_tools\gradle
安裝目錄下的 flutter.gradle
文件:
目前只遇到過(guò)這么一個(gè)坑,如果還有其他錯(cuò)誤赶站,請(qǐng)自行baidu。正常來(lái)說(shuō)會(huì)看到啟動(dòng)好的應(yīng)用: