文章目錄

• 一、Flutter 學(xué)習(xí)資料
• 二、Flutter 開發(fā)環(huán)境搭建
• 三、Android Studio 環(huán)境安裝 Flutter / Dart 插件
• 四、下載 Flutter SDK
• 五、設(shè)置 Flutter 網(wǎng)絡(luò)鏡像 ( 中國國內(nèi)推薦設(shè)置 )
• 六、設(shè)置 Flutter 環(huán)境變量 ( 在系統(tǒng)變量中配置 )
• 七、Flutter 環(huán)境變量檢查

一、Flutter 學(xué)習(xí)資料

---

Flutter 學(xué)習(xí)資料 :

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

② Flutter Android 開發(fā)者文檔 : https://flutter.dev/docs/get-started/flutter-for/android-devs

② Flutter 插件庫 : https://pub.dev/

二、Flutter 開發(fā)環(huán)境搭建

---

Flutter 開發(fā)環(huán)境搭建 :

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

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

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

三、Android Studio 環(huán)境安裝 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 插件才能生效 ;

四、下載 Flutter SDK

---

1 . 下載 Flutter SDK : 如果 官方下載鏈接 下載太慢 , 請下載下面的 中國鏡像下載鏈接 ;

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

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

① 生成鏡像下載地址 : 官網(wǎng)的鏈接在中國基本下不動 , 使用 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 是當(dāng)前最新的 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 , 該地址下載速度很快 , 如果出了最新版本 , 可以自行替換生成新的鏡像下載地址 ;

五、設(shè)置 Flutter 網(wǎng)絡(luò)鏡像 ( 中國國內(nèi)推薦設(shè)置 )

---

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

2 . 當(dāng)前的最新鏡像為 : 將下面兩個鏡像地址 , 設(shè)置到環(huán)境變量中 ;

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

如果在國內(nèi)還是設(shè)置一下比較好 , 能省很多事 ;

六、設(shè)置 Flutter 環(huán)境變量 ( 在系統(tǒng)變量中配置 )

---

1 . 配置 Flutter 環(huán)境變量 : 即上面下載的 flutter_windows_v1.12.13+hotfix.8-stable.zip 文件解壓后的 bin 目錄 , 配置的 Path 環(huán)境變量中 ;

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

2 . 配置網(wǎng)站資源鏡像環(huán)境變量 :

變量名(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 環(huán)境變量 :

① 配置 Android SDK 路徑 : 首先要配置 ANDROID_HOME 環(huán)境變量 , 配置內(nèi)容是 Android SDK 根目錄 ;

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

② 配置 Android SDK 的相關(guān)環(huán)境變量 : 需要在 Path 環(huán)境變量中 , 配置 emulator , platform-tools , tools 地址 ; 格式分別是

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

七、Flutter 環(huán)境變量檢查

---

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

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

總結(jié)

以上是生活随笔為你收集整理的【Flutter】Flutter 开发环境搭建 ( Android Studio 下 Flutter / Dart 插件安装 | Flutter SDK 安装 | 环境变量配置 | 开发环境检查 )的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。