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

 

文章目录

• Flutter 新手环境搭建和Android Studio配置以及安装问题详解
• • 1. 下载Flutter SDK
  • 2. 将下载好的SDK解压到任意目录
  • 3. 配置环境变量
  • 4. 命令行cmd中执行 `flutter doctor` 命令
  • 5. Android Studio安装Dart插件
  • 6. Android Studio安装Flutter插件
  • 7.建立Flutter项目
  • 8. 下载夜神模拟器
  • 9. 运行程序

 

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

1. 下载Flutter SDK

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

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

https://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

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

• 若是发现仍是 Running Gradle task ‘assembleDebug’…
• 下载 gradle-6.3-all
• 下载地址 https://services.gradle.org/distributions/gradle-6.3-all.zip

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

9. 运行程序

• 运行成功