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

本文详细介绍了Flutter新手如何进行环境搭建和Android Studio配置。步骤包括下载Flutter SDK,配置环境变量,安装Dart和Flutter插件,创建Flutter项目,下载并配置夜神模拟器,解决Gradle构建问题。通过这些步骤,读者可以成功运行Flutter程序。

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. 运行程序

在这里插入图片描述

  • 运行成功

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yaoxin521123

谢谢您的支持!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值