win10安装flutter-android开发环境

第一步 – 准备安装包

• Flutter sdk下载地址: https://flutter.cn/docs/development/tools/sdk/releases

• Android Studio 下载地址: https://developer.android.google.cn/studio

上图是2023/03/02下载的最新的Android Studio( 后面简称AS)和flutter sdk

为确保在与新环境安装一致，我先清理了我电脑上以前安装的AS以及Flutter Sdk

第二步 – 安装

1. 安装Flutter sdk

• 将下载好的flutter压缩包解压到你要安装的目录下（flutter路径中不要出现中文和带空格到目录，比如下图中的目录中），我直接安装到了D盘根目录，这时候就就有了 D:\flutter
  

2. 安装Android Studio

• 双击下载好的AS安装包。如下图依次进行安装
  
  

第三步 – 配置环境变量

1. Flutter环境变量的配置

• 点击win键（俗称光辉键），直接输入 “环境变量” ，然后选择 ”编辑系统环境变量” ，点击 “环境变量” 并且在下面的 “系统变量” 中找到 Path 并双击进行编辑。添加你安装的Flutter sdk目录下的bin路径（如下图）。
  
• 打开cmd窗口，输入 flutter --version，能显示出版本就证明flutter环境变量已经配置好了（第一次运行这个命令会比较慢一点）
  

2. AS环境变量的配置

• 首次打开AS会有以下弹窗，按照红色标记选择
  
  
• 完成安装后，根据自己的需求按照其他的Android sdk 11111111111111111111111111

第四步 – 检查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_URL和PUB_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->点击
  

2. 首次运行flutter项目遇到的问题解决方案 – flutter run

创建Android虚拟机

• 参看flutter官方文档https://flutter.cn/docs/get-started/install/windows#set-up-the-android-emulator
• 参考Android官方文档https://developer.android.google.cn/studio/run/managing-avds?hl=zh-cn

在vscode或dos窗口中运行项目 – flutter run ，选择你创建的Android虚拟机

• 不出意料的报了很多错误，并且卡在了 Running Gradle task ‘assembleDebug’…
  
• 这个主要是因为我们么有科学上网的原因，所以这里要解决这个问题，需要在android文件中配置一下阿里的镜像仓库 https://developer.aliyun.com/mvn/guide
• 找项目中的 build.gradle 文件(android文件夹下)，替换其中的 google()和mavenCentral()

buildscript {
    repositories {
       // google()
       // mavenCentral()
       maven { url 'https://maven.aliyun.com/repository/google' }
       maven { url 'https://maven.aliyun.com/repository/jcenter' }
       maven { url 'https://maven.aliyun.com/repository/public' }
    }
}

allprojects {
    repositories {
       // google()
       // mavenCentral()
       maven { url 'https://maven.aliyun.com/repository/google' }
       maven { url 'https://maven.aliyun.com/repository/jcenter' }
       maven { url 'https://maven.aliyun.com/repository/public' }
    }
}

• 这一步需要修改flutter sdk源码中的build.gradle文件（路径是你安装flutter sdk的地方，我的路径是 D:\flutter\packages\flutter_tools\gradle），同样是替换其中的 google()和mavenCentral()

buildscript {
    repositories {
        // google()
       // mavenCentral()
       maven { url 'https://maven.aliyun.com/repository/google' }
       maven { url 'https://maven.aliyun.com/repository/jcenter' }
       maven { url 'https://maven.aliyun.com/repository/public' }
    }
}

• 配置好后，重新运行项目 flutter run ，然后就会进入漫长的等待（大约10多分钟）
• 在经过了漫长的“Running Gradle task ……”之后，Android虚拟机居然跑起来了。成功了！！！
• 随后试了一下打包，也没有什么问题！！

如果你修改了flutter源码。为了修改后的代码能正常生效，你需要先删除 flutter根目录下/bin/cache下的flutter_tools.snapshot和flutter_tools.stamp，并在dos中执行 flutter doctor 命令使其重新生成这两个文件

总结

本次环境搭建有以下特点：没有配置JAVA_HOME – 因为一句话 ------ 高于 2.2 版本的 Android Studio 自带了 JDK，所以应无需手动操作