進(jìn)入我的主頁企蹭,查看更多Flutter的分享!
我的電腦是Win10系統(tǒng)智末,專業(yè)版 最新版本谅摄。
問答環(huán)節(jié):
問1:Flutter怎么開發(fā)?
答:開發(fā)Dart系馆,表現(xiàn)為后綴為dart的文件送漠。
問2:Flutter能做什么?
答:能打包App它呀,包括安卓和IOS螺男。
問3:網(wǎng)上的教程,會說出現(xiàn)錯誤的較多纵穿,我也遇到了怎么解決下隧?比如gradle版本太低?
答:按照推薦的配置谓媒,不會出錯淆院,只是單間環(huán)境而已,沒那么復(fù)雜句惯。
問4:必須安裝Android Studio嗎土辩?不會用!筆記本會卡抢野!
答:安裝是為了下載<u>Android SDK</u>拷淘,這個是必須的;并且指孤,我直接下載<u>Android SDK</u>启涯,運(yùn)行失敗了贬堵。因此,(我的電腦)得安结洼。
一黎做、搭建環(huán)境
1. 需要Git
下載會慢一些,但誰的電腦上沒有這個松忍?(https://git-scm.com)
配置:
$ git config --global user.name "yourname"
$ git config --global user.email yourmail@example.com
2. 需要JDK
- 不建議用最新版14.x蒸殿,會報(bào)錯(android某個文件出現(xiàn)某個錯誤之類的)。這錯誤我是沒解決鸣峭,猜測是JDK最新版本改動很大或者Flutter還沒有兼容到宏所。
- 最低版本,建議<u>JDK8</u>叽掘。直接百度搜或(https://www.oracle.com/java/technologies/javase/javase-jdk8-downloads.html)
我安裝的是<u>JDK8</u>楣铁,配置環(huán)境變量:
#路徑:右鍵我的電腦-屬性-高級系統(tǒng)設(shè)置-環(huán)境變量
#新建用戶變量,填入你的jdk路徑:
JAVA_HOME=C:\Program Files\Java\jdk
#新建用戶變量:
CLASSPATH=.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
#path變量更扁,添加:
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
CMD盖腕,測試輸出版本信息:
3. 需要Android SDK
- 下載Android Studio 最新版(https://developer.android.google.cn/studio)
- 安裝時選擇custom,再選擇<u>Android SDK</u>的存放路徑浓镜,完成后配置環(huán)境變量:
#新增環(huán)境變量溃列,填入Android SDK的存放路徑
ANDROID_HOME=D:\JDK\Android
4. 需要Flutter SDK
- 下載最新版,百度搜Flutter或(https://flutter.dev/docs/development/tools/sdk/releases#windows)
- 下載后解壓膛薛,配置環(huán)境變量:
#path听隐,添加解壓的路徑:
D:\JDK\flutter\bin
# 創(chuàng)建新的變量:
PUB_HOSTED_URL=https://pub.flutter-io.cn
# 創(chuàng)建新的變量:
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
就可以用<u>flutter doctor</u>檢測環(huán)境,忘記截圖了哄啄,就放上JDK14.x的截圖吧雅任,除了前兩個叉號不一樣,其它的信息是一樣的...
5. IDE的配置
(1)Android Studio
- 導(dǎo)入<u>Flutter SDK</u>:file - setting - flutter(搜索)
- 安裝Flutter插件:file-plugins-flutter(同時會安裝Dart插件)
這兩步?jīng)]有前后順序咨跌,只有在創(chuàng)建Futter項(xiàng)目時:需要Flutter插件來創(chuàng)建沪么,同時創(chuàng)建時需要Flutter SDK的支持。
(2)Vscode:
- 直接搜索并安裝Flutter(同時會安裝Dart插件)
此時檢測環(huán)境锌半,只剩兩個問題(沒有安卓協(xié)議和沒有設(shè)備連接):
?6. 走一波安卓協(xié)議
在cmd中禽车,輸入:
flutter doctor --android-licenses
然后一直y+回車,直到全部結(jié)束(新手別搞事刊殉,全部yes即可)
此時檢測環(huán)境:
二殉摔、創(chuàng)建并運(yùn)行項(xiàng)目
(1)Android Studio
直接創(chuàng)建一個 Flutter Project 就可以。
(2)Vscode
- 查看(點(diǎn)擊)记焊;
- 命令面板(點(diǎn)擊)逸月;
- Flutter:create project(輸入flutter選擇這個命令);
- 輸入項(xiàng)目名遍膜,并選擇保存路徑(輸入)彻采;
- 稍等下就創(chuàng)建完成腐缤,如果創(chuàng)建很慢,看上面<u>第4步</u>肛响;
- 按F5,在設(shè)備上運(yùn)行惜索,首次運(yùn)行可能要慢一些特笋,我等了三分鐘;
- 這里的設(shè)備巾兆,可以是Android Studio創(chuàng)建的虛擬設(shè)備猎物,可以是手機(jī)(開啟usb調(diào)試連上電腦即可)。
三角塑、強(qiáng)調(diào)注意事項(xiàng)
我安裝時沒有出現(xiàn)任何問題蔫磨,只有兩點(diǎn)仍需注意:
- 不要選擇最新的JDK版本,本次測試的最新版是14.x
-
正確配置環(huán)境變量圃伶,尤其是第4步(設(shè)置上國內(nèi)訪問地址,否則不僅特慢,而且會超時失斕哦А)
配置環(huán)境變量的截圖?? :
文章發(fā)布于2020年7月腋粥,請參考當(dāng)前時間和最新的版本來閱讀本文。