持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情
Demo 代码:github.com/goblin-labo…
1. 文档目录
基本上按照问题的顺序去安装,期间还是有些问题
2. 下载 Flutter SDK,配置环境变量
从文档中连接直接下载,SDK 下载速度比较快
当前的下载地址: storage.flutter-io.cn/flutter_inf…
Flutter SDK 下载后拷贝到了 D:\Program Files\flutter 目录。
环境变量配置如下图所示:
环境变量配置完成后打开新的 cmd 执行 flutter docker 命令确认环境变量配置成功
flutter doctor
3. 安装 Android Studio
公司网络下载起来比较慢,放了个安装包到文档目录中备份
android-studio-2021.2.1.15-windows.exe
根据文档指引,安装 SDK Tools
4. 配置 Android Studio 环境变量
这个参考 React Native 的文档,写的比较详细
www.react-native.cn/docs/enviro…
5. 配置 Android 模拟器
6. 配置 JAVA_HOME 环境变量
使用的 Android Studio 自带了 JDK,只需要配置一下环境变量就可以了
7. 安装 Visual Studio(可选)
这一步不是必须的,当前安装会碰到下面的问题
使用下面的方法可以解决:
8. 同意 Android 协议
flutter doctor --android-licenses
9. flutter doctor 检查
C:\Users\admin>flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.0.1, on Microsoft Windows [版本 10.0.19044.1706], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.2.3)
[√] Android Studio (version 2021.2)
[√] Connected device (4 available)
HTTP Host availability check is taking a long time...[☠] HTTP Host Availability (the doctor check crashed)
X Due to an error, the doctor check did not complete. If the error message below is not helpful, please let us know
about this issue at https://github.com/flutter/flutter/issues.
X HandshakeException: Connection terminated during handshake
! Doctor found issues in 1 category.
C:\Users\admin>
10. VSCode 安装 Flutter 和 Dart 插件
11. Demo 验证
按照下面的文档创建新项目
运行 flutter run 命令
flutter run
Demo 代码:github.com/goblin-labo…