獲取Flutter SDK
- 去flutter官網(wǎng)下載其最新可用的安裝包逛漫,點(diǎn)擊下載 虫几;
如果官網(wǎng)無(wú)法打開锤灿,也可以去Flutter github項(xiàng)目下去下載安裝包 (我是在這里下載的)。 - 將安裝包zip解壓到你想安裝Flutter SDK的路徑(如:
E:\flutter
注意辆脸,不要將flutter安裝到需要一些高權(quán)限的路徑如C:\Program Files\
)但校。 - 在Flutter安裝目錄的
flutter
文件下找到flutter_console.bat
,雙擊運(yùn)行并啟動(dòng)flutter命令行啡氢,接下來(lái)状囱,你就可以在Flutter命令行運(yùn)行flutter命令了。
配置環(huán)境變量
要在終端運(yùn)行 flutter
命令倘是, 你需要添加以下環(huán)境變量到系統(tǒng)PATH:
- 轉(zhuǎn)到 “控制面板>用戶帳戶>用戶帳戶>更改我的環(huán)境變量”
- 在“用戶變量”下檢查是否有名為“Path”的條目:
- 如果該條目存在, 追加
flutter\bin
的全路徑亭枷,使用;
作為分隔符. - 如果條目不存在, 創(chuàng)建一個(gè)新用戶變量
Path
,然后將flutter\bin
的全路徑作為它的值.
- 如果該條目存在, 追加
到這里基本的環(huán)境變量就配置完成了搀崭,但是叨粘,由于一些flutter命令需要聯(lián)網(wǎng)獲取數(shù)據(jù),如果您是在國(guó)內(nèi)訪問(wèn)瘤睹,由于眾所周知的原因升敲,直接訪問(wèn)很可能不會(huì)成功。 所以作為國(guó)內(nèi)使用者還需要配置google為國(guó)內(nèi)開發(fā)者搭建的臨時(shí)鏡像PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL默蚌。
- 在“用戶變量”下檢查是否有名為”PUB_HOSTED_URL”和”FLUTTER_STORAGE_BASE_URL”的條目冻晤,如果沒(méi)有,也添加它們绸吸,對(duì)應(yīng)的值如下:
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
運(yùn)行 flutter doctor
打開一個(gè)新的命令窗口并運(yùn)行以下命令以查看是否需要安裝任何依賴項(xiàng)來(lái)完成安裝:
flutter doctor
然后我的就報(bào)錯(cuò)了鼻弧,錯(cuò)誤如下:
Error: The Flutter directory is not a clone of the GitHub project.
The flutter tool requires Git in order to operate properly;
to set up Flutter, run the following command:
git clone -b beta https://github.com/flutter/flutter.git
告訴我不是一個(gè)github工程的克隆版本,那我下載下來(lái)了你要我下載的東西锦茁,但是你告訴我不是一個(gè)clone攘轩,尋求偉大的互聯(lián)網(wǎng)之后知道需要將本地目錄創(chuàng)建倉(cāng)庫(kù)生成git文件,這樣就可以了码俩,然后執(zhí)行flutter doctor
度帮,艾瑪,貌似是安裝好了稿存,但是有問(wèn)題:
(1)首先說(shuō)第一個(gè)紅框笨篷,嗯,安轉(zhuǎn)完成檢驗(yàn)過(guò)程中標(biāo)準(zhǔn)的軟件+版本號(hào)瓣履,有了率翅,ok。
(2)但是下面紅框中貌似是有問(wèn)題的袖迎,Android Studio<version 2.1>和Android Studio<version 3.0>這兩個(gè)下面本來(lái)是都有一個(gè)plugin not installed冕臭,但是截圖的時(shí)候3.0的已經(jīng)改好了腺晾。這里其實(shí)是因?yàn)槲译娔X上裝了兩個(gè)版本的Android Studio,提示我這兩個(gè)版本下面都沒(méi)有安裝Flutter的插件辜贵,因?yàn)槲抑挥?.0的所以在3.0中搜索一下Flutter插件下載安裝即可(中間因?yàn)橐蕾嘍art悯蝉,也會(huì)下載Dart的插件),安裝完成記得重啟studio和命令行托慨,不重啟的話命令行窗口這種東西是不會(huì)反饋?zhàn)钚碌慕Y(jié)果的鼻由。
(3)android sdk也存在missing問(wèn)題,下載并配置sdk配置環(huán)境變量即可榴芳。
- Flutter插件: 支持Flutter開發(fā)工作流 (運(yùn)行嗡靡、調(diào)試、熱重載等).
- Dart插件: 提供代碼分析 (輸入代碼時(shí)進(jìn)行驗(yàn)證窟感、代碼補(bǔ)全等).
如何運(yùn)行Flutter程序
運(yùn)行Flutter程序有兩種方式讨彼。
(1)第一種方式,這里假設(shè)有個(gè)Flutter程序柿祈,它的目錄名為FlutterDemo哈误,那么我們只需要在FlutterDemo目錄下執(zhí)行flutter run即可,當(dāng)然必須通過(guò)USB連接設(shè)備才可以躏嚎,這里可以選擇iOS和Android手機(jī)蜜自,當(dāng)然也可以選用模擬器。
(2)第二種運(yùn)行方式就是通過(guò)IDE來(lái)運(yùn)行程序卢佣,比如AndroidStudio和IntelliJ的Run按鈕重荠。
如何開發(fā)Flutter程序
-
Flutter可以使用如下三個(gè)IDE來(lái)開發(fā)程序
Android Studio IntelliJ Visual Studio Code
Google并沒(méi)有打算支持xcode,這或許對(duì)iOS用戶不太友好虚茶。
對(duì)于Android同學(xué)來(lái)說(shuō)戈鲁,肯定是選擇Android Studio或者IntelliJ來(lái)開發(fā)程序了,記得前面沒(méi)裝插件的裝插件哦~
參考:
Flutter中文網(wǎng)
如果遇到提示更新sdk時(shí)可參考:https://blog.csdn.net/liy010/article/details/82078484(其實(shí)就是更新了sdk下帶的tools文件夾)
相關(guān)推薦:
http://www.reibang.com/p/399c01657920