Flutter 新手环境搭建和Android Studio配置以及安装问题详解
1. 下载Flutter SDK
image.png
image.png
2. 将下载好的SDK解压到任意目录
image.png
3. 配置环境变量
- win10 -> win + q -> 输入env
image.png
- 或 win10 -> 计算机 -> 高级系统设置 -> 高级 -> 环境变量 -> 系统变量
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中执行 flutter doctor 命令
- cmd 必须为管理员模式
- 发现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.创建Flutter项目
插件安装完成后，重启Android Studio新建项目会发现增加了创建Flutter项目的选项。
image.png
image.png
image.png
8. 下载夜神模拟器
image.png
- 运行模拟器，如果发现，模拟器没有在android studio 没有生成
image.png
- 在夜神模拟器bin目录 D:\Nox\bin 输入cmd
image.png
- 然后执行 nox_adb.exe connect 127.0.0.1:62001
image.png
- 运行程序，如果发现卡在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
- 如果发现还是 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
