注释:下文中AS表示Android Studio简称

第一步 – 准备安装包

第二步 – 安装

1. 安装Flutter sdk

  • 在需要安装flutter的路经打开命令窗口,然后输入以下命令
# 从 Master 构建渠道检出 Flutter 的 SDK
git clone -b master https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git

2. 安装Android Studio

  • 双击下载好的AS安装包。如下图依次进行安装
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述

第三步 – 配置环境变量

1. Flutter环境变量的配置

  • 点击win键(俗称光辉键),直接输入 “环境变量” ,然后选择 ”编辑系统环境变量” ,点击 “环境变量” 并且在下面的 “系统变量” 中找到 Path 并双击进行编辑。添加你安装的Flutter sdk目录下的bin路径(如下图)。如果你下载下来的文件夹名称为flutter-sdk,那么你就按照你的实际路径配置,例如 D:\flutter-sdk\bin
    在这里插入图片描述
    补充:这里还需要配置三个环境变量分别以下三个:
    FLUTTER_STORAGE_BASE_URL=https://mirrors.tuna.tsinghua.edu.cn/flutter
    PUB_HOSTED_URL=https://mirrors.tuna.tsinghua.edu.cn/dart-pub
    FLUTTER_GIT_URL=https://mirrors.tuna.tsinghua.edu.cn/git/flutter-sdk.git

  • 上述环境变量配置好后,打开cmd窗口,输入 flutter --version,能显示出版本就证明flutter环境变量已经配置好了(第一次运行这个命令会比较慢一点,因为会下载一些flutter所需资源)
    在这里插入图片描述

2. AS环境变量的配置

  • 首次打开AS会有以下弹窗,按照红色标记选择
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述在这里插入图片描述在这里插入图片描述
  • 完成安装后,根据自己的需求可以安装其他的Android sdk

第四步 – 检查flutter开发环境

1. 使用flutter工具检查flutter开发环境

  • 打开dos窗口,输入flutter doctor – 下图中是遇到的部分错误,下面会有大部分常见错误的解决方案。
    在这里插入图片描述

2. 根据检查结果对于Android相关问题进行解决

[x] Unable to locate Android SDK
  • 打开dos窗口,输入 flutter config --android-sdk “D:\Android\Sdk” – 这里的路径就是安装AS时指定的Sdk路径
  • 返回 You may need to restart any open editors for them to read new settings. 就证明设置成功了
[x] cmdline-tools component is missing
  • 打开AS,依次点击 More Actions -> SDK manager -> SDK Tools ,选择下图中的 选项,并点击OK进行安装
    在这里插入图片描述
[!] Android toolchain - develop for Android devices
  • 打开dos窗口,输入 flutter doctor --android-licenses
  • 然后一直输入 y 直到安装完成,返回 All SDK package licenses accepted
X HTTP host “https://maven.google.com/” 等两个网络错误
  • 查看中文官网,系统环境变量中添加两个变量FLUTTER_STORAGE_BASE_URLPUB_HOSTED_URL。官网地址 链接: https://flutter.cn/community/china
  • 设置完成后,重新dos窗口,再次运行flutter doctor 问题就解决了
[x] Unable to find bundled Java version
  • 在flutter的版本为3.7.6之前的版本时,会出现这个问题。当前版本已经修改了这个问题
    在这里插入图片描述

  • 如果报了这个错误,两个解决方案,一个是修改flutter sdk源码,另一个是找到AS安装目录下的bin目录,然后将jbr中的内供复制一份放到jre文件夹中

  • 第一个方案修改后需要删除 flutter\bin\cache\flutter_tools.snapshot 文件,然后dos窗口中输入 flutter --version 让其重新运行后就生效了。

  • 至此,flutter - Android 环境已经搭建好了
    在这里插入图片描述

第五步 – 初始化项目

1. 使用flutter命令创建一个项目

  • 打开dos窗口或在vscode的命令行中,切换到指定文件夹中,输入flutter create myflutter。也可以使用vscode插件flutter插件项目 – 使用快捷键 ctrl+shift+p 打开窗口,然后输入flutter->点击
    在这里插入图片描述在这里插入图片描述
配置国内环境 - 很重要!!!

第一部分:
需要注意的是,在编译android项目时,flutter还会从 https://storage.googleapis.com/download.flutter.io 下载Java程序库,您可以在 Android 项目目录下的 build.gradle 中添加下面一行下载源,从而使用TUNA镜像。

allprojects {
    repositories {
        google()
        jcenter()
        maven { url 'https://mirrors.tuna.tsinghua.edu.cn/flutter/download.flutter.io' }
    }
}
#或是使用阿里的镜像
allprojects {
    repositories {
        mavenLocal()
        maven { url 'https://maven.aliyun.com/repository/public/' }
        mavenCentral()
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
    }
}

第二部分:
项目需要下载对应的 gradle 安装包,对于下载默认访问的地址是 services.gradle.org,这个域名解析到了美国,鉴于国内网络问题,访问境外网络慢。在 gradle/wrapper/gradle-wrapper.properties 中有指定的 gradle 版本,源码编译最好按照这个版本来,不然编译过程中会有一些奇怪的问题

distributionBase=GRADLE_USER_HOME
distributionPath=wrapper/dists
distributionUrl=https\://services.gradle.org/distributions/gradle-4.10.3-all.zip
zipStoreBase=GRADLE_USER_HOME
zipStorePath=wrapper/dists
#将其中的distributionUrl修改为。其他版本也是以此类推
distributionUrl=https\://mirrors.cloud.tencent.com/gradle/gradle-4.10.3-all.zip

2. 首次运行flutter项目

创建Android虚拟机
运行flutter项目
  • 打开创建好的android虚拟机

  • 为vscode安装如下图两个插件
    在这里插入图片描述

  • 在vscode右下角就能看到已连接的设备,如图:
    在这里插入图片描述

  • 进入lib目录下的main.dart,点击f5运行项目,接下来会下载所需gradle文件,会等待很长时间。下载好后就会在android虚拟机上看到界面了。博主第一次加载了很长时间侯报红了,但是重新启动后就能正常运行了

在这里插入图片描述

Logo

一站式 AI 云服务平台

更多推荐