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

1,088 阅读1分钟

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

1. 下载Flutter SDK

flutter.dev/docs/get-st…

2. 将下载好的SDK解压到任意目录

3. 配置环境变量

  • win10 -> win + q -> 输入env

  • 或 win10 -> 计算机 -> 高级系统设置 -> 高级 -> 环境变量 -> 系统变量

变量名 PUB_HOSTED_URL 变量值 https://pub.flutter-io.cn

变量名 FLUTTER_STORAGE_BASE_URL 变量值 https://storage.flutter-io.cn

变量值 Path 增加变量值(解压的路径)E:\flutter\bin

4. 命令行cmd中执行 flutter doctor 命令

  • cmd 必须为管理员模式
  • 发现1,2,3处不动的时候,要按回车。

5. Android Studio安装Dart插件

打开Android Studio -> File -> Settings -> Plugins 搜索Dart插件 在右侧点击Install即可。

6. Android Studio安装Flutter插件

7.创建Flutter项目

插件安装完成后,重启Android Studio新建项目会发现增加了创建Flutter项目的选项。

8. 下载夜神模拟器

www.yeshen.com/

  • 运行模拟器,如果发现,模拟器没有在android studio 没有生成

  • 在夜神模拟器bin目录 D:\Nox\bin 输入cmd

  • 然后执行 nox_adb.exe connect 127.0.0.1:62001

  • 运行程序,如果发现卡在Running Gradle task 'assembleDebug'... 证明无法访问墙外的google

  • 修改项目中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' }

  • 修改Flutter的配置文件, 该文件在Flutter安装目录/packages/flutter_tools/gradle/flutter.gradle

image

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";

  • 修改为路径 distributionUrl=file\:/E\:/flutter/gradle/gradle-6.3-all.zip

9. 运行程序

  • 运行成功