Flutter学习笔记（一）——环境配置

最近刚开始看Flutter，所以打算写一些学习笔记，记录自己在学习过程中遇到的一些问题。
现在网上已经有很多学习Flutter的网站，比如 https://flutter-io.cn/，上面有很详细的开发文档，大家可以按照上面的步骤一步一步进行学习。
这里只记录一些实际操作中遇到的问题。
先说环境配置：
Flutter在Windows，MacOS，Linux，ChormeOS等操作环境上都可以进行安装。
本人是在Window是环境下进行配置的，所以这里咱们只记录如何在Windows环境下进行配置。

系统配置要求

要想安装和运行 Flutter，你的开发环境至少应该满足如下的需求：

• 操作系统：Windows 7 SP1 或更高的版本（基于 x86-64 的 64 位操作系统）。

• 磁盘空间：除安装 IDE 和一些工具之外还应有至少 1.32 GB 的空间。

• 工具：要让 Flutter 在你的开发环境中正常使用，依赖于以下的工具：

  • Windows PowerShell 5.0 或者更高的版本（Windows 10 中已经预装了）

  • Git for Windows 2.x，并且勾选从 Windows 命令提示符使用 Git 选项。

    如果 Windows 版的 Git 已经安装过了，那么请确保能从命令提示符或者 PowerShell 中直接执行 git 命令。

确认开发环境符合要求之后再进行以下操作。

镜像站点配置

由于咱们的网络环境特殊，所以在使用flutter之前需要对网络环境进行一些配置。
我们可以设置镜像站点，帮助Flutter 命令行工具到该镜像站点下载其所需的资源。
为此我们需要设置两个环境变量：PUB_HOSTED_URL 和 FLUTTER_STORAGE_BASE_URL，然后再运行 Flutter 命令行工具。
设置步骤如下：

打开Windows环境变量，在当前用户下，添加环境变量

1.FLUTTER_STORAGE_BASE_URL

https://storage.flutter-io.cn

image.png

2.PUB_HOSTED_URL

https://pub.flutter-io.cn

image.png

获取 Flutter SDK

点击下方的安装包，获取 stable 发行通道的 Flutter SDK 最新版本：
https://storage.flutter-io.cn/flutter_infra/releases/stable/windows/flutter_windows_1.22.5-stable.zip
文章编写时FlutterSDK最新版本是1.22.5，用户可根据需要下载最新版本 SDK 版本列表

更新 path 环境变量

如果想在Windows控制台中使用flutter命令，需要将 Flutter 的运行文件路径加入到 PATH 环境变量。
具体步骤如下：
如果你想在 Windows 控制台中运行 Flutter 命令，需要按照下面的步骤来将 Flutter 的运行文件路径加入到 PATH 环境变量。
1.在开始菜单的搜索功能键入「env」，然后选择 编辑系统环境变量。
2.在 用户变量 一栏中，检查是否有 Path 这个条目：
如果存在这个条目，以 ; 分隔已有的内容，加入 flutter\bin 目录的完整路径。如：D:\flutterSDK\flutter\bin
如果不存在的话，在用户环境变量中创建一个新的 Path 变量，然后将 flutter\bin 所在的完整路径作为新变量的值。
你需要重新打开已经打开的命令行提示符窗口，这样下次启动命令提示符时，才能访问到刚才修改的变量。

运行 flutter doctor

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

image.png

编辑工具设定

安装Android Studio

安装Android Studio，配置相关环境的过程，这里不再赘述。

安装 Flutter 和 Dart 插件

打开插件设置（在 v3.6.3.0 以上的系统打开 Configure > Plugins）。
然后选择 Flutter 插件并点击 安装。
当弹出安装 Dart 插件提示时，点击 Yes。
当弹出重新启动提示时，点击 Restart。