Flutter 新手环境搭建和Android Studio配置以及安装问题详解

Flutter 新手环境搭建和Android Studio配置以及安装问题详解

1. 下载Flutter SDK

https://flutter.dev/docs/get-started/install/windows

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. 下载夜神模拟器

https://www.yeshen.com/

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