Win10 + Android studio + Flutter 環境配置

Flutter環境搭建

由於Flutter的跨平臺統一UI的特性,所以來學習學習,長長見識。

Flutter SDK下載

由於大家都要文明上網,所以這裏就使用的國內的相關配置
使用國內gitee來clone項目,選擇只克隆主分支代碼,等待克隆完成
git clone -b master https://gitee.com/mirrors/Flutter.git

配置國內鏡像路徑

PUB_HOSTED_URL = https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL = https://storage.flutter-io.cn
在Path環境變量中增加一個配置,設置內容爲flutter sdk 的路徑下的bin目錄path + = flutter sdk 路徑/bin
配置完後,需要重新打開PowerShell

環境測試

在PowerShell中執行 flutter doctor
flutter doctor的運行結果
執行需要等待一段時間,完成後根據錯誤一一解決

警告和錯誤說明

4.1首先出現的是說我們某些licenses沒有允許,這個可以忽略,也可以按下面步驟操作。

[!] Android toolchain - develop for Android
devices (Android SDK version 29.0.3)

! Some Android
licenses not accepted. To resolve this,
run: flutter doctor --android-licenses

按照提示操作,執行指令

flutter doctor --android-licenses
在這裏插入圖片描述
選擇Y,查看未允許的協議

出現類似
在這裏插入圖片描述一個個選y就可以了。

4.2這個是跟Android
Studio相關的錯誤,提示我們沒有安裝Flutter和Dart插件

[!] Android Studio (version 3.6)
X Flutter plugin not installed; this adds Flutter specific functionality.
X Dart plugin not installed; this adds Dart specific functionality.

a) 在Android studio中安裝flutter插件
作用:支持Flutter開發工作流 (運行、調試、熱重載等).
安裝flutter插件
b) 在Android studio中安裝Dart插件,容易下載失敗/(ㄒoㄒ)/~~

作用:提供代碼分析 (輸入代碼時進行驗證、代碼補全等).
安裝Dart插件
插件安裝完成後,要重啓Android studio才生效。

4.3最後一個是指當前沒有連接到設備,這個通常可以忽略,等開發調試的時候再去連接設備即可,到時候直接用flutter devices 去檢測設備的連接情況即可。

[!] Connected device
! No devices available

連接設備後,使用flutter devices如下出現設備列表,及說明設備連接成功:
flutter devices執行後的設備列表

創建一個Flutter工程

1.打開Android studio ,通過
File->New->New Flutter Project 來 創建一個Flutter Project,會出現如下彈窗, 我們選擇第一個,創建一個應用。
創建一個Flutter Project我們選擇Flutter Application,進入下一步
配置Flutter Project

  1. 這裏Project name 輸入項目名稱。
  2. Flutter SDK path 就選擇我們前面第一步 git clone 下來的代碼路徑即可,如果沒有做前面的第一步,可以通過 Install SDK 去安裝。
  3. Project location 就是設置項目的存放路徑。 Description 就是一個簡單的說明。
  4. 還有一個勾選按鈕,Create project office 就是問是不是要離線創建項目。創建離線項目就不需要聯網下載一些新資源和庫了。

然後點擊next進入下一步:
配置Flutter Project2

  1. 設置app包名
  2. 選擇是否使用Androidx的支持庫,Androidx是谷歌用來替代舊有的supper包的庫,並且新增了許多組件,這裏我勾選它。
  3. 詢問是否需要kotlin支持Android代碼開發,
  4. 詢問是否需要swift來支持ios的代碼開發

根據自身需要進行選擇,然後 Finish就完成了項目創建。

運行項目

工程基本結構

點擊run 按鈕運行項目後,控制檯會打印相關的編譯輸出
第一次運行會非常非常非常非常久。。。。。。
控制檯輸出

安裝完成後,手機端會出現對應的app安裝請求,或者直接安裝到手機中
手機展示畫面如下
手機運行項目的畫面

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章