Win10 Flutter 开发环境配置记录

553 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第2天,点击查看活动详情

Demo 代码:github.com/goblin-labo…

1. 文档目录

flutter.cn/docs/get-st…

基本上按照问题的顺序去安装,期间还是有些问题

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(可选)

这一步不是必须的,当前安装会碰到下面的问题

github.com/flutter/flu…

使用下面的方法可以解决:

github.com/flutter/flu…

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.cn/docs/get-st…

运行 flutter run 命令

flutter run

Demo 代码:github.com/goblin-labo…