Android Studio 下 Flutter 開發(fā)環(huán)境搭建過程
Flutter 學(xué)習(xí)資料 :
① 官方文檔 : https://flutter.dev/docs
② Flutter Android 開發(fā)者文檔 : https://flutter.dev/docs/get-started/flutter-for/android-devs
② Flutter 插件庫 : https://pub.dev/
II . 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ù)裝該項(xiàng) ) , 最新的命令行工具 , 對 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 安裝 : 會提示依賴第三方插件 , 需要 安裝 Dart 插件 , 這里需要額外安裝 Dart 插件 ;
3 . 接受安裝第三方插件 :

4 . 安裝 Dart 插件 :

5 . Flutter / Dart 插件 安裝完成 :

6 . 重啟 Android Studio : 安裝完畢后 , 重啟 Android Studio 插件才能生效 ;
IV . 下載 Flutter SDK1 . 下載 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 , 該地址下載速度很快 , 如果出了最新版本 , 可以自行替換生成新的鏡像下載地址 ;
V . 設(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è)置一下比較好 , 能省很多事 ;
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 開發(fā)環(huán)境 ; 該命令第一次運(yùn)行消耗時間比較長 5 ~ 10 分鐘甚至更多 , 耐心等待 ;

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

總結(jié)
到此這篇關(guān)于Android Studio 下 Flutter 開發(fā)環(huán)境搭建,Flutter,Dart 插件安裝,Flutter SDK 安裝,環(huán)境變量配置,開發(fā)環(huán)境檢查的文章就介紹到這了,更多相關(guān)android studio Flutter 開發(fā)環(huán)境搭建內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. JavaScript實(shí)現(xiàn)簡單的彈窗效果2. Java commons-httpclient如果實(shí)現(xiàn)get及post請求3. javascript實(shí)現(xiàn)貪吃蛇小練習(xí)4. 我所理解的JavaScript中的this指向5. Vue 實(shí)現(xiàn)對quill-editor組件中的工具欄添加title6. PHP驗(yàn)證碼工具-Securimage7. PHP單件模式和命令鏈模式的基礎(chǔ)知識8. 一文帶你徹底理解Java序列化和反序列化9. PHP利用curl發(fā)送HTTP請求的實(shí)例代碼10. js實(shí)現(xiàn)碰撞檢測

網(wǎng)公網(wǎng)安備