1. 程式人生 > 程式設計 >Android Studio 下 Flutter 開發環境搭建,Flutter,Dart 外掛安裝,Flutter SDK 安裝,環境變數配置,開發環境檢查

Android Studio 下 Flutter 開發環境搭建,Flutter,Dart 外掛安裝,Flutter SDK 安裝,環境變數配置,開發環境檢查

I . Flutter 學習資料

Flutter 學習資料 :

① 官方文件 : https://flutter.dev/docs

② Flutter Android 開發者文件 : https://flutter.dev/docs/get-started/flutter-for/android-devs

② Flutter 外掛庫 : https://pub.dev/

II . Flutter 開發環境搭建

Flutter 開發環境搭建 :

① Android Studio : https://developer.android.google.cn/studio,要求 3.0 以上版本 ; Google 提供的 Android 開發環境 ;

② Windows PowerShell 5.0 : 建議使用 Win10 ( 已預裝該項 ),最新的命令列工具,對 cmd ( 命令提示符 ) 進行了擴充套件 ;

③ Git : https://git-scm.com/download/win,程式碼管理工具,安裝最新版本即可 ;

III . Android Studio 環境安裝 Flutter / Dart 外掛

1 . Flutter 外掛搜尋安裝 : Android Studio 選單欄 -> File -> Settings -> Plugins,在 Marketplace 中搜索 Flutter 外掛,點選 Install 按鈕安裝 ;

在這裡插入圖片描述

2 . 點選 Install 安裝 : 會提示依賴第三方外掛,需要 安裝 Dart 外掛,這裡需要額外安裝 Dart 外掛 ;

3 . 接受安裝第三方外掛 :

在這裡插入圖片描述

4 . 安裝 Dart 外掛 :

在這裡插入圖片描述

5 . Flutter / Dart 外掛 安裝完成 :

在這裡插入圖片描述

6 . 重啟 Android Studio : 安裝完畢後,重啟 Android Studio 外掛才能生效 ;

IV . 下載 Flutter SDK

1 . 下載 Flutter SDK : 如果 官方下載連結 下載太慢,請下載下面的 中國映象下載連結 ;

2 . 下載地址 : https://flutter.dev/docs/development/tools/sdk/releases,選擇穩定版本的最新版即可 ; ( 官方連結,下載速度可能很慢 )

在這裡插入圖片描述

3 . 映象下載地址生成 : 需要自己手動替換域名獲取最新的映象下載地址 ;

① 生成映象下載地址 : 官網的連結在中國基本下不動,使用 storage.flutter-io.cn 域名替換下載連結中的 storage.googleapis.com 域名即可使用映象連結下載最新版本 ; ( 這個地址目前需要自己生成 )

② 官方下載連結 : https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip 是當前最新的 Flutter SDK 下載地址,這個連結下不動,使用 使用 storage.flutter-io.cn 域名替換下載連結中的 storage.googleapis.com 域名,即下面的映象下載地址 ;

③ 映象下載地址 : https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip,該地址下載速度很快,如果出了最新版本,可以自行替換生成新的映象下載地址 ;

V . 設定 Flutter 網路映象 ( 中國國內推薦設定 )

1 . 映象地址查詢 : 在 https://flutter.dev/community/china 頁面查詢最新的 Flutter 中國映象地址 ;

2 . 當前的最新映象為 : 將下面兩個映象地址,設定到環境變數中 ;

FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

如果在國內還是設定一下比較好,能省很多事 ;

VI . 設定 Flutter 環境變數 ( 在系統變數中配置 )

1 . 配置 Flutter 環境變數 : 即上面下載的 flutter_windows_v1.12.13+hotfix.8-stable.zip 檔案解壓後的 bin 目錄,配置的 Path 環境變數中 ;

D:\001_Programs\004_Flutter\flutter\bin

在這裡插入圖片描述

2 . 配置網站資源映象環境變數 :

變數名(N):FLUTTER_STORAGE_BASE_URL
變數值(V):https://mirrors.sjtug.sjtu.edu.cn/

在這裡插入圖片描述

變數名(N):PUB_HOSTED_URL
變數值(V):https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

在這裡插入圖片描述

3 . 按照指定格式配置 Android SDK 環境變數 :

① 配置 Android SDK 路徑 : 首先要配置 ANDROID_HOME 環境變數,配置內容是 Android SDK 根目錄 ;

變數名(N):ANDROID_HOME
變數值(V):D:\001_Programs\001_Android\002_Sdk\Sdk

在這裡插入圖片描述

② 配置 Android SDK 的相關環境變數 : 需要在 Path 環境變數中,配置 emulator,platform-tools,tools 地址 ; 格式分別是

%ANDROID_HOME%\emulator
%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\tools

在這裡插入圖片描述

VII . Flutter 環境變數檢查

1 . 檢查環境 : 上述操作完成後,執行 flutter doctor 命令,檢查 Flutter 開發環境 ; 該命令第一次執行消耗時間比較長 5 ~ 10 分鐘甚至更多,耐心等待 ;

在這裡插入圖片描述

2 . 同意全部許可協議 : 按照上述提示,執行 flutter doctor --android-licenses 命令,同意全部許可協議,即可檢測通過 ;

在這裡插入圖片描述

總結

到此這篇關於Android Studio 下 Flutter 開發環境搭建,Flutter,Dart 外掛安裝,Flutter SDK 安裝,環境變數配置,開發環境檢查的文章就介紹到這了,更多相關android studio Flutter 開發環境搭建內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!