第一章●第一節(jié):Flutter安裝

本節(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_URLFLUTTER_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)境變量—用戶變量中。

添加環(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版本:

查看Windows PowerShell版本

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

Git 版本
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)用程序。

Flutter插件安裝成功

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

查看所連接設(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)。


總目錄結(jié)構(gòu)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容