Flutter之环境搭建(小白教程)

这个章节我们学习如何安装Flutter，配置 Flutter 、Android Studio 环境，做开发的前置工作。
环境搭建有点麻烦，特别是Android环境的安装，没有代理简直就是噩梦，要有耐心一起加油！

在这里插入图片描述
Flutter 官网地址

一. 操作系统选择

学习阶段： Windows或者macOS（苹果操作系统）都是可以的
开发阶段：一般需要使用macOS，因为我们需要针对iOS进行调试，通常方便起见还是选择macOS

以我为例，现在就是用 Windows 给大家做演示，学习阶段也使用的事 Windows。开发阶段我也准备用 Windows 来做开发，公司有同事用的 Mac OS 后期调试会用同事 Mac 调试。

二. 安装Flutter SDK

使用Flutter开发，首先我们需要安装一个Flutter的SDK。

2.1 在国内网络环境下使用 Flutter

为加快 Flutter 的下载以及安装速度，请考虑使用镜像站点和镜像。
Flutter 项目会依赖一些东西，在国内下载这些依赖会有一些慢，所以我们可以将它们的安装源换成国内的（也就是设置国内的镜像）
Windows 用户还是需要修改环境变量

Windows环境变量修改：点击计算机图标 - 属性 - 高级系统设置 - 高级 - 环境变量
新建变量 PUB_HOSTED_URL，其值为https://pub.flutter-io.cn
新建变量 FLUTTER_STORAGE_BASE_URL，其值为https://storage.flutter-io.cn

在本例中，flutter pub get 会在任何设置了 PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL 的终端中去获取 flutter-io.cn 上的 package。

在这里插入图片描述

2.2 获取 Flutter SDK

来到Flutter的官网网站，选择最新稳定的Flutter SDK的版本

网站地址：Flutter SDK 版本列表
将压缩包解压，然后把其中的 flutter 目录整个放在你想放置 Flutter SDK 的路径中
选择自己的操作系统和最新稳定的版本（Stable版本），我当前使用的是最新稳定版 3.16.8

在这里插入图片描述

2.3 安装Flutter，配置环境变量

解压下载好的Flutter SDK 放在你想放置的目录（不用用中文及特殊符号）
在这里插入图片描述
Windows环境变量修改：点击计算机图标 - 属性 - 高级系统设置 - 高级 - 环境变量
找到Path，在其中添加 Flutter SDK目录下 bin 目录

在终端中执行 flutter --version，出现如下内容，说明安装flutter成功

在这里插入图片描述

三. 配置Android环境

在将 Path 变量更新后，打开一个新的控制台窗口，然后 flutter doctor 命令。如果它提示有任何的平台相关依赖，那么你就需要按照指示完成这些配置：
在这里插入图片描述

 Android toolchain - develop for Android devices
    X cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.

3.1 安装 Android Studio

官网地址： Android Studio 官网下载地址
安装直接双击安装即可

出现下图安装成功
在这里插入图片描述

3.2 配置 Android 模拟器

安装好后，我们就可以去创建模拟器：选择 More Actions - Virtual Device Manager
在这里插入图片描述 点击 + 号

选择一个你想用的设备

在这里插入图片描述
** 选择Android的版本 **

现在发现页面有一个红色文字 HAXM is not installed ，点击去下载
报错： Intel® HAXM installation failed. To install Intel® HAXM follow the instructions found at: https://github.com/intel/haxm/wiki/Installation-Instructions-on-Windows
在这里插入图片描述

3.3 解决报错： Intel® HAXM installation failed. To install Intel® HAXM follow the instructions found at: https://github.com/intel/haxm/wiki/Installation-Instructions-on-Windows

我这里的报错原因：
Hyper-V 在固件中启用虚拟化没有开启，导致下载英特尔HAXM 失败

解决方案：验证虚拟化支持，重装HAXM，这里写太长了，Android中下载 HAXM 报错 Intel® HAXM installation failed，如何解决？，点击链接查看解决方案

3.3 解决报错：Exception in thread “main” java.net.ConnectException: Connection timed out: connect

通过上面，我们成功的解决了 Virtual Device 安装报错的问题，但好不容易要运行项目了，又开始报错了。

问题原因：这其实是因为无法下载gradle导致的，正确的做法是
解决方法：运行 flutter run -v 查看究竟下载的是哪个版本的gradle，或者看下方图一，android -> gradle -> wrapper -> gradle-wrapper.properties ，其中 distributionUrl 就是下载地址及对应的版本号。
解决方案

在这里插入图片描述