Flutter Android Studio開發環境的搭建


Flutter開發工具很多,有很多支持Flutter開發的IDE。比如Android Studio、Visual Studio Code、InteIIiJ IDEA、Atom、Komodo等。這裏我們介紹一下Android Studio下的Flutter開發環境的搭建。模擬器的話,這裏推薦使用Android官方的模擬器,也就是Android Studio SDK裏帶的模擬器,或者使用真機也是可以的。接下來,我們就開始Flutter在Android Studio下的開發環境的搭建吧。注意:本文是在Windows環境下安裝的開發環境。本文將主要介紹:

  • Flutter SDK下載與環境變量配置
  • Android Studio的Flutter和Dart插件安裝與新建Flutter項目
  • 模擬器的新建與運行
  • 運行Flutter項目到模擬器和真機
  • Flutter常用命令

Flutter SDK下載與環境變量配置

Flutter的SDK目前官方推薦的是1.5.4版本,我們可以在它的官方下載到最新版本的SDK:https://flutter.dev/docs/get-started/install


我們可以在官方看到一些要求。
我們可以直接下載 zip sdk壓縮包,或者通過Git進行下載。

Flutter SDK的官方github上主要有dev、beta和stable三個官方分支使,這裏正式開發的話可以下載stable穩定版本。用Git命令進行下載stable分支:

git clone -b stable https://github.com/flutter/flutter.git

下載完SDK後我們可以把它解壓放到指定文件夾裏,接下來就是配置SDK環境變量量,這樣我們就可以在需要的目錄執行相關命令了。如果在官網更新下載SDK慢的話,可以設置國內的鏡像代理地址,這樣下載會快一些。可以將如下的國內下載鏡像地址加入到環境變量中:

變量名:PUB_HOSTED_URL,變量值:https://pub.flutter-io.cn
變量名:FLUTTER_STORAGE_BASE_URL,變量值:https://storage.flutter-io.cn

在這裏插入圖片描述
Flutter SDK環境變量,將Flutter的bin目錄加入環境變量即可:

[你的Flutter文件夾路徑]\flutter\bin

在這裏插入圖片描述
這樣我們的Flutter SDK的環境變量就配置完畢了。接下來在命令提示符窗口中輸入命令:

flutter doctor

它可以幫助我們檢查Flutter環境變量是否設置成功,Android SDK是否下載以及配置好環境變量等等。如果有相關的錯誤提示,根據提示進行修復和安裝、設置即可。每次運行這個命令,都會幫你檢查是否缺失了必要的依賴。通過運行flutter doctor命令來驗證你是否已經正確地設置了,並且可以自動更新和下載相關的依賴。如果全部配置正確的話,會出現如下類似的檢測信息:

在這裏插入圖片描述

主要檢測信息爲:Flutter、Android toolchain、Connected device。

Android Studio的Flutter和Dart插件安裝與新建Flutter項目

接下來我們啓動Android Studio,安裝Flutter和Dart插件。

我這裏使用的是Android Studio3.3.1版本,大家也可以使用3.4及以上的新版本,都沒有影響。

打開Android Studio -> File -> Settings -> Plugins 搜索:Flutter、Dart插件,進行安裝。

安裝好插件後,就可以重啓Android Studio了,我們的基本環境、工具就搭建好了。接下來我們就可以新建Flutter項目了。

點擊 File -> New -> New Flutter Project 新建項目:

彈出窗口選擇:Flutter Application,後面的幾種類型我們將會在以後給大家講解。


點擊下一步:

在這裏插入圖片描述
點擊下一步:

在這裏插入圖片描述
設置好所有信息後,點擊Finish就完成了Flutter項目的創建。

項目結構如下圖:

模擬器的新建與運行

接下來我們進行模擬器的新建和運行。


我這裏已經創建好了一個,這裏建議使用Android9.0及以下版本的模擬器,Android Q目前還不太穩定。
這裏直接點擊運行創建好的Android模擬器即可。

我們的Android原生模擬器是支持置頂的:

勾選就可以置頂了。

運行Flutter項目到模擬器和真機

我們在Android Studio的頂部可以看到運行按鈕,點擊運行按鈕便可以運行項目到模擬器上了:

運行成功示意圖:

支持項目的熱重載(Hot Reload)和熱重啓(Hot Restart):

閃電圖標爲熱重載,它的右側的圖標爲熱重啓。

頂部工具欄也有熱重載按鈕和停止按鈕:

Android Studio是使用按鈕進行相應操作的,非常的方便。

Flutter常用命令

真機設備運行調試和模擬器的過程基本一樣,手機和電腦通過USB連接,手機開啓開發人員選項和USB調試,最後運行flutter run命令即可。
其他常用的命令如下:

flutter build apk;           //打包Android應用
flutter build apk –release;
flutter install;              //安裝應用
flutter build ios;            //打包IOS應用
flutter build ios –release;
flutter clean;               //清理重新編譯項目
flutter upgrade;            //升級Flutter SDK和依賴包
flutter channel;            //查看Flutter官方分支列表和當前項目使用的Flutter分支
flutter channel <分支名>;   //切換分支

總結

本節課主要是給大家講解Flutter SDK的主要版本區分、環境變量配置、Android Studio開發工具的使用、模擬器運行、新建和運行項目等。爲後面的正式高效學習與開發做好準備。主要注意點如下:

  • 大家可以使用穩定版或者開發版Flutter SDK,推薦使用穩定版。
  • 如果遇到下載SDK慢或者無法下載情況,請按照課程內設置國內下載鏡像地址。
  • 配置好環境變量後,需要用flutter doctor檢查一下環境。
  • 嘗試新建個項目運行到手機或模擬器上,看配置是否有問題。
  • 嘗試使用Android Studio創建運行一個Flutter項目到模擬器和真機。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章