Windows安装Flutter(无废话)

5,977 阅读3分钟

官网(中文):Flutter 开发文档 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

安装步骤

1. 请在官网下载最新的Flutter稳定版本

注意1:请勿将 Flutter 安装在有特殊字符或空格的路径下。

注意2:请勿将 Flutter 安装在需要高权限的文件夹内,例如 C:\Program Files

  1. 下载地址:在 Windows 操作系统上安装和配置 Flutter 开发环境 - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

  2. 配置环境变量:安装完毕后,找到flutterbin目录,配置环境变量,为了防止其他意外事情,请将它的位置移到最高:

image.png

  1. 配置国内镜像:

参考:在中国网络环境下使用 Flutter - Flutter 中文文档 - Flutter 中文开发者网站 - Flutter

其实也就是创建两个环境变量:

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

image.png

  1. (最后执行)等待Android StudioVisual Studio安装完毕后,执行以下代码检查环境:
flutter doctor

提示如下信息则表示环境安装完成:

C:\Users\12579>flutter doctor
Flutter assets will be downloaded from https://storage.flutter-io.cn. Make sure you trust this source!
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel master, 3.11.0-10.0.pre.27, on Microsoft Windows [版本 10.0.22624.1690], locale zh-CN)
[√] Windows Version (Installed version of Windows is version 10 or higher)
[√] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
[√] Chrome - develop for the web
[√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.6.0)
[√] Android Studio (version 2022.2)
[√] IntelliJ IDEA Ultimate Edition (version 2022.3)
[√] Connected device (3 available)
[√] Network resources

• No issues found!

2. 安装Android Studio

注意:安装时请勿将 Android Studio 安装在有特殊字符或空格的路径下。

下载地址:Download Android Studio & App Tools - Android Developers (google.cn)

安装选择:

image.png

image.png

安装完毕后执行,其中<directory>是你的Android studio安装目录(目录不要有中文和空格):

flutter config --android-studio-dir <directory>

3. 安装VisUal Studio

下载地址:Download Visual Studio Tools - Install Free for Windows, Mac, Linux (microsoft.com)

需要选择「使用 C++ 的桌面开发」,包括其所有默认组件,以安装必要的 C++ 工具链和 Windows SDK 的头文件。

报错解决篇

错误一:cmdline-tools

Android toolchain - develop for Android devices(Android SDK version 33.02)

image.png

这里报了两个错误,我们先看第一个错误:提示的是一个cmdline-tools工具未找到。

原因:安装Android Studio的时候未安装Android SDK Command-line Toolssdkmanager  |  Android 开发者  |  Android Developers (google.cn)

解决办法:安装该工具即可。

image.png image.png

错误二:JDK版本

当执行flutter doctor --android-licenses报错

Error: A JNI error has occurred, please check your installation and try again Exception in thread "main" java.lang.UnsupportedClassVersionError: com/android/prefs/AndroidLocationsProvider has been compiled by a more recent version of the Java Runtime (class file version 55.0), this version of the Java Runtime only recognizes class file versions up to 52.0

原因: 文中提示:本地Java运行时只能识别到版本52.0的类文件,但您尝试运行的类文件的版本是55.0。这表示本地JDK版本过旧。

解决办法: 升级JDK,见我这篇文章,如何管理本地多JDK环境 Windows版 - 掘金 (juejin.cn)

从Java版本与类文件版本的对应关系来看,52.0属于Java8,而要求最低是Java11,所以需要升级本地JDK的版本。

  • Java 1.2:类文件版本 46.0
  • Java 1.3:类文件版本 47.0
  • Java 1.4:类文件版本 48.0
  • Java 5:类文件版本 49.0
  • Java 6:类文件版本 50.0
  • Java 7:类文件版本 51.0
  • Java 8:类文件版本 52.0
  • Java 9:类文件版本 53.0
  • Java 10:类文件版本 54.0
  • Java 11:类文件版本 55.0
  • Java 12:类文件版本 56.0
  • Java 13:类文件版本 57.0
  • Java 14:类文件版本 58.0
  • Java 15:类文件版本 59.0
  • Java 16:类文件版本 60.0

最后再执行:

flutter doctor --android-licenses

image.png