Android Studio 下 Flutter 開(kāi)發(fā)環(huán)境搭建過(guò)程
Flutter 學(xué)習(xí)資料 :
① 官方文檔 : https://flutter.dev/docs
② Flutter Android 開(kāi)發(fā)者文檔 : https://flutter.dev/docs/get-started/flutter-for/android-devs
② Flutter 插件庫(kù) : https://pub.dev/
II . Flutter 開(kāi)發(fā)環(huán)境搭建Flutter 開(kāi)發(fā)環(huán)境搭建 :
① Android Studio : https://developer.android.google.cn/studio , 要求 3.0 以上版本 ; Google 提供的 Android 開(kāi)發(fā)環(huán)境 ;
② Windows PowerShell 5.0 : 建議使用 Win10 ( 已預(yù)裝該項(xiàng) ) , 最新的命令行工具 , 對(duì) cmd ( 命令提示符 ) 進(jìn)行了擴(kuò)展 ;
③ Git : https://git-scm.com/download/win , 代碼管理工具 , 安裝最新版本即可 ;
III . Android Studio 環(huán)境安裝 Flutter / Dart 插件1 . Flutter 插件搜索安裝 : Android Studio 菜單欄 -> File -> Settings -> Plugins , 在 Marketplace 中搜索 Flutter 插件 , 點(diǎn)擊 Install 按鈕安裝 ;
2 . 點(diǎn)擊 Install 安裝 : 會(huì)提示依賴第三方插件 , 需要 安裝 Dart 插件 , 這里需要額外安裝 Dart 插件 ;
3 . 接受安裝第三方插件 :
4 . 安裝 Dart 插件 :
5 . Flutter / Dart 插件 安裝完成 :
6 . 重啟 Android Studio : 安裝完畢后 , 重啟 Android Studio 插件才能生效 ;
IV . 下載 Flutter SDK1 . 下載 Flutter SDK : 如果 官方下載鏈接 下載太慢 , 請(qǐng)下載下面的 中國(guó)鏡像下載鏈接 ;
2 . 下載地址 : https://flutter.dev/docs/development/tools/sdk/releases , 選擇穩(wěn)定版本的最新版即可 ; ( 官方鏈接 , 下載速度可能很慢 )
3 . 鏡像下載地址生成 : 需要自己手動(dòng)替換域名獲取最新的鏡像下載地址 ;
① 生成鏡像下載地址 : 官網(wǎng)的鏈接在中國(guó)基本下不動(dòng) , 使用 storage.flutter-io.cn 域名替換下載鏈接中的 storage.googleapis.com 域名即可使用鏡像鏈接下載最新版本 ; ( 這個(gè)地址目前需要自己生成 )
② 官方下載鏈接 : https://storage.googleapis.com/flutter_infra/releases/stable/windows/flutter_windows_v1.12.13+hotfix.8-stable.zip 是當(dāng)前最新的 Flutter SDK 下載地址 , 這個(gè)鏈接下不動(dòng) , 使用 使用 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 . 設(shè)置 Flutter 網(wǎng)絡(luò)鏡像 ( 中國(guó)國(guó)內(nèi)推薦設(shè)置 )1 . 鏡像地址查詢 : 在 https://flutter.dev/community/china 頁(yè)面查詢最新的 Flutter 中國(guó)鏡像地址 ;
2 . 當(dāng)前的最新鏡像為 : 將下面兩個(gè)鏡像地址 , 設(shè)置到環(huán)境變量中 ;
FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/
如果在國(guó)內(nèi)還是設(shè)置一下比較好 , 能省很多事 ;
VI . 設(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_Programs004_Flutterflutterbin
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_Programs001_Android002_SdkSdk
② 配置 Android SDK 的相關(guān)環(huán)境變量 : 需要在 Path 環(huán)境變量中 , 配置 emulator , platform-tools , tools 地址 ; 格式分別是
%ANDROID_HOME%emulator%ANDROID_HOME%platform-tools%ANDROID_HOME%tools
1 . 檢查環(huán)境 : 上述操作完成后 , 執(zhí)行 flutter doctor 命令 , 檢查 Flutter 開(kāi)發(fā)環(huán)境 ; 該命令第一次運(yùn)行消耗時(shí)間比較長(zhǎng) 5 ~ 10 分鐘甚至更多 , 耐心等待 ;
2 . 同意全部許可協(xié)議 : 按照上述提示 , 執(zhí)行 flutter doctor --android-licenses 命令 , 同意全部許可協(xié)議 , 即可檢測(cè)通過(guò) ;
總結(jié)
到此這篇關(guān)于Android Studio 下 Flutter 開(kāi)發(fā)環(huán)境搭建,Flutter,Dart 插件安裝,Flutter SDK 安裝,環(huán)境變量配置,開(kāi)發(fā)環(huán)境檢查的文章就介紹到這了,更多相關(guān)android studio Flutter 開(kāi)發(fā)環(huán)境搭建內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 概述IE和SQL2k開(kāi)發(fā)一個(gè)XML聊天程序2. js開(kāi)發(fā)中的頁(yè)面、屏幕、瀏覽器的位置原理(高度寬度)說(shuō)明講解(附圖)3. ASP動(dòng)態(tài)include文件4. CSS百分比padding制作圖片自適應(yīng)布局5. vue跳轉(zhuǎn)頁(yè)面常用的幾種方法匯總6. 不要在HTML中濫用div7. XML入門的常見(jiàn)問(wèn)題(三)8. XML 非法字符(轉(zhuǎn)義字符)9. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)10. CSS清除浮動(dòng)方法匯總
