Android Studio 开发 Flutter 环境搭建（Windows）

你的名字 2022-09-12 06:45 481阅读 0赞

## 下载 ##

Android Studio 软件下载，可以去这里下载 [https://developer.android.com/studio/archive][https_developer.android.com_studio_archive] 任意版本的 IDE，建议不要下载最新版，因为有些问题网上没有成熟的解决方案，不利于新手开发。

下载完成之后安装，在安装的时候要特别注意 `SDK` 的安装配置问题，安装完成之后右键管理员身份启动，`sdk` 的相关配置在如下位置。  
![配置SDK][SDK]  
如上图，`HAXM` 要勾选，同时注意 `sdk` 的存放位置，存放在一个空文件内。

Flutter 下载，建议下载 stable 稳定版，下载地址 [https://flutter.dev/docs/development/tools/sdk/releases?tab=windows][https_flutter.dev_docs_development_tools_sdk_releases_tab_windows]。

## 配置 ##

主要是环境变量的配置，有四个配置，如下图：

# 安卓相关的配置
    首先定义一个 ANDROID_HOME 为 D:\develop\android_sdk
    # 在 Path 中加入
    %ANDROID_HOME%\emulator
    %ANDROID_HOME%\platform-tools
    %ANDROID_HOME%\tools
    # Flutter 相关的配置
    ‪D:\develop\flutter\bin

如下图所示  
![环境变量][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16]  
配置以后，使用 `win+R` 输入 `cmd` 调出命令行，打出 `adb` 检查安卓环境的配置情况，打出 `flutter` 检查 `flutter` 环境的配置情况。

不要使用其他途径调出的命令行窗口测试，经过我的实验，只有通过 `win+R` 调出的命令行可以测试。其他的都不认识，我也不知道什么问题，大家可以重启电脑试一下。

![测试][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 1]

## 问题 ##

Downloading https://dl.google.com/android/repository/sys-img/google_apis/x86_64-29_r12.zip 
    An error occurred while preparing SDK package Google APIs Intel x86 Atom_64 System Image: SSL peer shut down incorrectly. 
    "Install Google APIs Intel x86 Atom_64 System Image (revision: 12)" failed.

遇到这个问题，桌面右键 `管理员启动` ，这样就获取到需要的权限了。  
![安装成功][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 2]

## 运行 ##

新建一个项目，默认的属性即可；

![新建项目][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 3]  
第二项要设置 `flutter SDK` 的位置，其他的选项可自定义。  
![设置][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 4]  
新建项目成功之后，找到 `main.dart` ，右键即可启动，这部分需要的时间较长。  
![首次编译运行][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 5]  
运行成功，初始化的 `Demo` 界面。  
![成功运行][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 6]

## 起步 ##

可以参考 Flutter 中文网的内容，里面介绍的很详细。[https://flutterchina.club/get-started/][https_flutterchina.club_get-started]

[https_developer.android.com_studio_archive]: https://developer.android.com/studio/archive
[SDK]: /images/20220828/c3d29e74474b47af84ebbfa80179c250.png
[https_flutter.dev_docs_development_tools_sdk_releases_tab_windows]: https://flutter.dev/docs/development/tools/sdk/releases?tab=windows
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16]: /images/20220828/3d938e1fab084fc3826129edcdbc25e1.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 1]: /images/20220828/8181b018b4f049428bf3785ec8b238d8.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 2]: /images/20220828/6cb9c40682db4c508a7b7c75654fb077.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 3]: /images/20220828/b4da0273fff0479b83381dd1db7faf8e.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 4]: /images/20220828/a3a2bca734544d22bc410807988f1fee.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 5]: /images/20220828/24c64ca9153a4d8f845483be709ef34b.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA56GV5a2Q6bi9_size_20_color_FFFFFF_t_70_g_se_x_16 6]: /images/20220828/2fc6b84fa06245b7b0a63919e4fafdac.png
[https_flutterchina.club_get-started]: https://flutterchina.club/get-started/