Flutter 新手環(huán)境搭建和Android Studio配置以及安裝問題詳解
1. 下載Flutter SDK
image.png
image.png
2. 將下載好的SDK解壓到任意目錄
image.png
3. 配置環(huán)境變量
- win10 -> win + q -> 輸入env
image.png
- 或 win10 -> 計算機 -> 高級系統(tǒng)設置 -> 高級 -> 環(huán)境變量 -> 系統(tǒng)變量
image.png
變量名
PUB_HOSTED_URL變量值https://pub.flutter-io.cn
image.png
變量名
FLUTTER_STORAGE_BASE_URL變量值https://storage.flutter-io.cn
image.png
變量值
Path增加變量值（解壓的路徑）E:\flutter\bin
4. 命令行cmd中執(zhí)行 flutter doctor 命令
- cmd 必須為管理員模式
- 發(fā)現1,2,3處不動的時候兑凿，要按回車礼华。
image.png
5. Android Studio安裝Dart插件
打開Android Studio -> File -> Settings -> Plugins
搜索Dart插件 在右側點擊Install即可圣絮。
image.png
6. Android Studio安裝Flutter插件
image.png
7.創(chuàng)建Flutter項目
插件安裝完成后，重啟Android Studio新建項目會發(fā)現增加了創(chuàng)建Flutter項目的選項棒搜。
image.png
image.png
image.png
8. 下載夜神模擬器
image.png
- 運行模擬器，如果發(fā)現末盔，模擬器沒有在android studio 沒有生成
image.png
- 在夜神模擬器bin目錄 D:\Nox\bin 輸入cmd
image.png
- 然后執(zhí)行 nox_adb.exe connect 127.0.0.1:62001
image.png
- 運行程序，如果發(fā)現卡在Running Gradle task 'assembleDebug'... 證明無法訪問墻外的google
image.png
- 修改項目中android/build.gradle文件
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
image.png
- 修改Flutter的配置文件, 該文件在Flutter安裝目錄/packages/flutter_tools/gradle/flutter.gradle
image.png
maven { url 'https://maven.aliyun.com/repository/google' }
maven { url 'https://maven.aliyun.com/repository/jcenter' }
maven { url 'http://maven.aliyun.com/nexus/content/groups/public' }
private static final String MAVEN_REPO = "https://storage.flutter-io.cn/download.flutter.io";
image.png
image.png
- 如果發(fā)現還是 Running Gradle task 'assembleDebug'...
- 下載
gradle-6.3-all - 下載地址 https://services.gradle.org/distributions/gradle-6.3-all.zip
image.png
- 修改為路徑
distributionUrl=file\:/E\:/flutter/gradle/gradle-6.3-all.zip
image.png
9. 運行程序
image.png
- 運行成功
image.png
