本節(jié)主要內(nèi)容闡述Flutter安裝及環(huán)境配置。 Flutter 可以在Windows、MacOS、Linux三個(gè)平臺(tái)上進(jìn)行開(kāi)發(fā),由于現(xiàn)在的開(kāi)發(fā)環(huán)境在Windows下,因此這里僅對(duì)Windows做說(shuō)明,其他的參見(jiàn)官網(wǎng)。
1. 配置環(huán)境變量
在Flutter官網(wǎng)上提示我們,在中國(guó)使用Flutter時(shí),需要設(shè)置兩個(gè)環(huán)境變量用來(lái)升級(jí)Flutter,并且使用國(guó)內(nèi)的pub包存儲(chǔ)庫(kù)。
在中國(guó)安裝或使用Flutter,我們需要在運(yùn)行Flutter命令之前設(shè)置兩個(gè)環(huán)境變量PUB_HOSTED_URL和FLUTTER_STORAGE_BASE_URL。
目前我們所使用的是上海交通大學(xué)提供的鏡像地址:
FLUTTER_STORAGE_BASE_URL:https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL:https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
將它們添加到環(huán)境變量—用戶變量中。

2. 系統(tǒng)最低配置要求
根據(jù)Flutter官方說(shuō)明,我們?cè)诎惭b和使用Flutter時(shí),必須保證我們的開(kāi)發(fā)環(huán)境必須滿足以下最低要求:
- 操作系統(tǒng):Windows 7 SP1或更高(64-bit)
- 磁盤(pán)空間:400MB(不包含其他IDE/工具所使用的磁盤(pán)空間)
- 工具:Flutter依賴于以下在你的開(kāi)發(fā)環(huán)境中可用的工具。
- Windows PowerShell 5.0或更高版本
- Git for Windows 2.x(用于從Git中獲取Flutter資源文件)
查看電腦中的Windows PowerShell版本:

查看Git版本(若沒(méi)有安裝,請(qǐng)自行下載安裝包安裝):

3. 獲取Flutter SDK
- 下載以下安裝包以獲取Flutter SDK最新穩(wěn)定版本:本筆記在編寫(xiě)時(shí),穩(wěn)定版本為1.2.1。另外我們可以在SDK存檔頁(yè)面中查看其它發(fā)布渠道和舊版本信息。
- 我們將解壓文件放到指定的文件目錄下(如D:\ohayoi\flutter,建議不要放在C盤(pán)目錄中)。
- 在flutter目錄下找到文件
flutter_console.bat,雙擊運(yùn)行。
你現(xiàn)在可以在Flutter控制臺(tái)中運(yùn)行Flutter命令,使用flutter help 查看所有可用命令、flutter doctor檢查系統(tǒng)是否已經(jīng)具備運(yùn)行Flutter應(yīng)用程序、flutter create <app_name> 創(chuàng)建新的Flutter項(xiàng)目、flutter upgrade更新Flutter SDK。
4. 更新PATH系統(tǒng)變量
如果我們要使用WIndows命令提示符運(yùn)行Flutter命令,我們需要在PATH系統(tǒng)變量下添加Flutter安裝路徑。
D:\ohayoi\flutter\bin
5. 檢查系統(tǒng)是否已經(jīng)具備運(yùn)行Flutter應(yīng)用程序
打開(kāi)Windows命令提示符,輸入flutter doctor
C:\Users\Administrator>flutter doctor
這個(gè)命令會(huì)檢查您的環(huán)境中Flutter安裝狀態(tài)、版本,Android SDK狀態(tài)、版本,IDEA工具版本以及連接的設(shè)備等信息,并且有可能會(huì)提示需要安裝的其他軟件或執(zhí)行的其他任務(wù)。
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version 10.0.17134.706], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
[√] Android Studio (version 3.4)
[√] IntelliJ IDEA Ultimate Edition (version 2018.3)
[√] Connected device (1 available)
? No issues found!
注:我們可以使用flutter config --[no-]analytics 來(lái)啟用或禁用給Google發(fā)送相關(guān)報(bào)告。
6. Android設(shè)置
由于設(shè)備限制,本人使用Android Studio來(lái)進(jìn)行筆記整理。默認(rèn)您已經(jīng)安裝了Android Studio,并安裝了最新的Android SDK,Android SDK Platform-Tools和Android SDK Build-Tools,因?yàn)檫@些都是Flutter在開(kāi)發(fā)Android時(shí)所需要的(若沒(méi)有請(qǐng)自行查找安裝教程)。
我們需要在Android Studio中安裝Flutter和Dart插件,打開(kāi)Android Studio,在File-->Settings-->Plugins-->Installed 中搜索Flutter和Dart并進(jìn)行安裝,安裝后重啟Android Studio,您會(huì)在首界面發(fā)現(xiàn)Start a new Flutter project,它用來(lái)創(chuàng)建Flutter應(yīng)用程序。

若使用您的Android設(shè)備來(lái)運(yùn)行和測(cè)試Flutter應(yīng)用程序,則需要您的設(shè)備版本在Android 4.1或更高。您可以使用flutter devices命令來(lái)檢測(cè)Flutter是否識(shí)別您連接的Android設(shè)備。

同時(shí)我們也可以使用Android模擬器來(lái)運(yùn)行和測(cè)試Flutter應(yīng)用,啟動(dòng)Android Studio --> Tools --> AVD Manager 選擇創(chuàng)建虛擬設(shè)備。
本節(jié)內(nèi)容到此結(jié)束,若在使用過(guò)程中遇到問(wèn)題,歡迎留言交流,我們一起成長(zhǎng)。