一、环境说明

windows win10 X64 没有任何 Android 开发环境和 flutter 的安装历史

安装过程均连接 V.P.N 网络

二、安装配置 Flutter SDK

这部分可以参照: https://flutterchina.club/setup-windows/

1、配置国内镜像

配置用户环境变量:

PUB_HOSTED_URL:https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL:https://storage.flutter-io.cn

结果:

2.jpg

2、下载 解压 Flutter SDK

下载地址:

因为我开了代理,所以直接在官方下载的,github 直接下载也没有问题,我在 mac 上试过。

解压到目标文件夹,目录无所谓,能找到即可。

3、配置 Flutter 用户环境变量

把 Flutter 的解压目录加入环境变量 path 中,比如我的路径:

C:\Program Files\flutter\bin;

3.jpg

4、终端使用 Flutter

到这里 Flutter 已经配置好了

flutter doctor

4.jpg

三、配置 Android SDK

通过 flutter doctor 检测会检测到 Android SDK 未安装,因此需要配置。

1、下载 Android SDK

下载地址:https://www.androiddevtools.cn/

直接下载安装版本就可以,注意选择 SDK:

5.jpg

下载完之后安装到指定文件夹即可,注意最终整个SDK 加各种 Image 可能会很大,比我我刚装完就已经 14G+ 了:

6.jpg

2、下载镜像和 tools

打开 SDK 文件目录下的 SDK Manager,下载相关依赖工具等

1.jpg

选择需要的 Android 版本即可,默认会选择最新的 Android 10,建议下载 Android 8.1 Android 版本太高,flutter 运行连接会失败

3、运行 flutter doctor

再次运行 flutter doctor 会发现如下警告:

[!] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
    ! Some Android licenses not accepted.  To resolve this, run: flutter doctor
      --android-licenses

当你运行上面的命令 flutter doctor --android-licenses 会发现如下错误:

Warning: An error occurred during installation: Failed to move away or delete existing target file: 

在网上找到一个解决办法是 将 SDK 目录下的 tools 目录改成 tool,在重新执行命令即可

会有两个警告,不用管 接受 license 之后安装即可

E:\> flutter doctor --android-licenses
Warning: Observed package id 'tools' in inconsistent location 'E:\Awork\android-sdk\tool' (Expected 'E:\Awork\android-sdk\tools')
Warning: Observed package id 'tools' in inconsistent location 'E:\Awork\android-sdk\tool' (Expected 'E:\Awork\android-sdk\tools')
5 of 6 SDK package licenses not accepted. 100% Computing updates...
Review licenses that have not been accepted (y/N)? y

4、再次运行 flutter doctor

PS E:\Aprojects\google_extension\learn\demo14-downloads> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v1.6.3, on Microsoft Windows [Version 10.0.10240], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
[!] Android Studio (version 3.5)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected device
    ! No devices available

! Doctor found issues in 2 categories.

可以发现 Android SDK 已经配置好了

四、配置 Android Studio

1、下载 Android Studio

下载地址: https://www.androiddevtools.cn/

我直接下载的安装版,如果网络有问题,可以下载完整版,直接解压。

第一次打开 Android Studio 可能打不开,提示如下错误:

Unable to access Android SDK add-on list

找到 Android Studo 安装目录,找到如下文件:

\bin\idea.properties

然后追加一行说明:

disable.android.first.run=true

2、安装 Flutter 和 Dart 插件

File->settngs->plugin

搜索 Flutter 插件即可,会依赖安装 Dart 插件

8.jpg

3、运行 flutter doctor

PS E:\Aprojects\google_extension\learn\demo14-downloads> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v1.6.3, on Microsoft Windows [Version 10.0.10240], locale zh-CN)
[√] Android toolchain - develop for Android devices (Android SDK version 29.0.0)
[√] Android Studio (version 3.5)
[!] Connected device
    ! No devices available

! Doctor found issues in 1 category.

可以发现已经没问题了

五、使用 vscode 开发

如果觉得麻烦,可以使用 vscode 开发,反正 flutter 也是支持的 热更新 的。

使用 vscode 开发需要模拟器支持,我使用的是 Android Studio 的模拟器,因此需要在 Android Studio 中配置创建。

10.jpg

11.jpg

然后开启模拟器

开启之后就可以通过命令 flutter run --debug 运行项目

12.jpg

1.jpg