写点什么

Windows 下 搭建 Flutter 环境

用户头像
U+2647
关注
发布于: 2021 年 04 月 15 日

本地环境

  • Widnwos 7 64 位

  • IntelliJ IDEA 2017.2.6

  • Java 1.8

  • Gradle 4.8.1

  • Git

  • Android SDK

1. 通过 IDEA 下载 Android SDK

File | Settings | Appearance Behavior | System Settings | Android SDK
复制代码


记得要下载一个 Android 系统镜像


配置 AdnroidSDK 的环境变量


ANDROID_HOME=D:\AndroidSDK
这里的 D:\AndroidSDK 要换成你自己的本地路径
复制代码

2. 下载 Flutter SDK

配置环境变量:


PUB_HOSTED_URL=https://pub.flutter-io.cnFLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码


使用 git 下载 flutter


git clone -b beta https://github.com/flutter/flutter.git
复制代码


配置 Flutter 的环境变量,在 path 环境变量后面直接添加 flutter 的路径就可以


检查一下 flutter 安装情况,在命令行执行 flutter doctor


flutter doctor
Doctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)[√] Android toolchain - develop for Android devices (Android SDK 28.0.0-rc2)[X] Android Studio (not installed)[√] IntelliJ IDEA Ultimate Edition (version 2017.2)[!] Connected devices ! No devices available
! Doctor found issues in 2 categories.

出现上面的结果就说明成功了。
复制代码


如果你出现了下面的这种结果:


[✗] Android toolchain - develop for Android devices    ✗ Unable to locate Android SDK.      Install Android Studio from: https://developer.android.com/studio/index.html      On first launch it will assist you in installing the Android SDK components.      (or visit https://flutter.io/setup/#android-setup for detailed instructions).      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
复制代码


应该是本地没有 Android SDK,或者没有配置 $ANDROID_HOME 的环境变量

3. 配置 IDEA

安装 Dart 插件、 Flutter 插件。安装后需要重启。


注意:最好使用管理员权限打开 IDEA,否则后面会出现一系列的问题


创建一个 flutter 项目。创建一个 Android 模拟器。


如果这个时候你很幸运的可以运行,那么就不用往下看了。


到这里之后,我明明创建了一个 android 模拟器,但是,点击运行的时候一直提示


No connected devices found; please connect a device, or see flutter.io/setup for getting started instructions.
复制代码


使用管理员权限打开就没问题了!

4. Gradle 的坑

能够显示模拟器了,点运行的时候会一直停在 Initializing gradle 的地方。


Launching lib\main.dart on Android SDK built for x86 64 in debug mode...Initializing gradle...
复制代码


检查一下 Gradle 的环境变量。 如果没有就需要配置一下


GRADLE_HOME=D:\tools\gradle-4.8.1追加 path 环境变量 ;%GRADLE_HOME%\bin
复制代码


用管理员权限打开 IDEA


如果还不行, 用 IDEA 的 Terminal 执行下面的命令


cd androidgradlew

下面是运行时的结果:
E:\workspace\hello_flutter>cd androidE:\workspace\hello_flutter\android>gradlew
> Configure project :appFile C:\Users\unicom\.android\repositories.cfg could not be loaded.Checking the license for package Android SDK Platform 27 in D:\AndroidSDK\licensesLicense for package Android SDK Platform 27 accepted.Preparing "Install Android SDK Platform 27 (revision: 3)"."Install Android SDK Platform 27 (revision: 3)" ready.Installing Android SDK Platform 27 in D:\AndroidSDK\platforms\android-27"Install Android SDK Platform 27 (revision: 3)" complete."Install Android SDK Platform 27 (revision: 3)" finished.
> Task :help
Welcome to Gradle 4.1.
To run a build, run gradlew <task> ...
To see a list of available tasks, run gradlew tasks
To see a list of command-line options, run gradlew --help
To see more detail about a task, run gradlew help --task <task>

BUILD SUCCESSFUL in 1m 0s1 actionable task: 1 executedE:\workspace\hello_flutter\android>flutter doctorDoctor summary (to see all details, run flutter doctor -v):[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 6.1.7601], locale zh-CN)[√] Android toolchain - develop for Android devices (Android SDK 28.0.0-rc2)[X] Android Studio (not installed)[√] IntelliJ IDEA Ultimate Edition (version 2017.2)[!] Connected devices ! No devices available
! Doctor found issues in 2 categories.
复制代码


再次点击运行。我的成功的在模拟器上运行了。


如果,还是不能运行:追加 CLASS_PATH 环境变量:;%GRADLE_HOME%\lib




PS:不得不吐糟一下 flutter 对 Windows 用户太不友好了。


学习一种新的技术,如果遇到问题 Github 上的 issues 区,是最好的去处!!

发布于: 2021 年 04 月 15 日阅读数: 11
用户头像

U+2647

关注

evolving code monkey 2018.11.05 加入

https://zdran.com/

评论

发布
暂无评论
Windows 下 搭建 Flutter 环境