在Windows上搭建Flutter开发环境

官方网址：https://flutter.io/

Flutter中文网：https://flutterchina.club/

一、使用镜像

由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

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

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

二、系统要求

要安装并运行Flutter，您的开发环境必须满足以下最低要求:

• 操作系统: Windows 7 或更高版本 (64-bit)
• 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).
• 工具: Flutter 依赖Git命令行工具.Git命令行工具下载

三、获取Flutter SDK

1、安装包下载

1）、去flutter官网下载其最新可用的安装包，点击下载 ，也可以去Flutter github项目下去下载安装包 。
2）、将安装包zip解压到你想安装Flutter SDK的路径（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）。
3）、在Flutter安装目录的flutter文件下找到flutter_console.bat，双击运行并启动flutter命令行，接下来，你就可以在Flutter命令行运行flutter命令了。

2、通过Git命令行工具下载

1）、配置环境变量（国内用户）：
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

2）、克隆beta仓库到当前的系统路径中：

git clone -b beta https://github.com/flutter/flutter.git

3）、将克隆下来的项目bin目录配置到环境变量Path中：

四、运行 flutter doctor

打开一个新的命令提示符或PowerShell窗口并运行以下命令以查看是否需要安装任何依赖项来完成安装：

以下是我运行 flutter doctor 的一些显示报告，包括一些版本信息等:

五、编辑器配置

安装Android Studio

Flutter需要安装和配置Android Studio:
1.下载并安装 Android Studio 、中文社区下载：Android Studio
2.启动Android Studio，然后执行“Android Studio安装向导”。这将安装最新的Android SDK，Android SDK平台工具和Android SDK构建工具，这是Flutter为Android开发时所必需的。

安装Flutter和Dart插件

需要安装两个插件:

• Flutter插件： 支持Flutter开发工作流 (运行、调试、热重载等).
• Dart插件： 提供代码分析 (输入代码时进行验证、代码补全等).
  要安装这些:

1. 打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).
2. 选择 Browse repositories…, 找到 Flutter 插件并点击 install.
3. 重启Android Studio后插件生效.

设置Android设备

要准备在Android设备上运行并测试您的Flutter应用，您需要安装Android 4.1（API level 16）或更高版本的Android设备.

1. 在您的设备上启用 开发人员选项 和 USB调试 。详细说明可在Android文档中找到。
2. 使用USB将手机插入电脑。如果您的设备出现提示，请授权您的计算机访问您的设备。
3. 在终端中，运行 flutter devices 命令以验证Flutter识别您连接的Android设备。
4. 运行启动您的应用程序 flutter run。

默认情况下，Flutter使用的Android SDK版本是基于你的 adb 工具版本。如果您想让Flutter使用不同版本的Android SDK，则必须将该 ANDROID_HOME 环境变量设置为SDK安装目录

设置Android模拟器

要准备在Android模拟器上运行并测试您的Flutter应用，请按照以下步骤操作：

1. 在您的机器上启用 VM acceleration .
2. 启动 Android Studio>Tools>Android>AVD Manager 并选择 Create Virtual Device.
3. 选择一个设备并选择 Next。
4. 为要模拟的Android版本选择一个或多个系统映像，然后选择 Next. 建议使用 x86 或 x86_64 image .
5. 在 Emulated Performance下, 选择 Hardware - GLES 2.0 以启用 硬件加速.
6. 验证AVD配置是否正确，然后选择 Finish。
   有关上述步骤的详细信息，请参阅 Managing AVDs.
7. 在 Android Virtual Device Manager中, 点击工具栏的 Run。模拟器启动并显示所选操作系统版本或设备的启动画面.
8. 运行 flutter run 启动您的设备. 连接的设备名是 Android SDK built for ,其中 platform 是芯片系列, 如 x86.

六、体验Flutter

创建新应用

1. 选择 File>New Flutter Project
   
   
2. 选择 Flutter application 作为 project 类型, 然后点击 Next
   
   
3. 输入项目名称 (如 flutter_app), 然后点击 Next
   
   

4. 点击 Finish

   
   
   
5. 等待Android Studio安装SDK并创建项目.

上述命令创建一个Flutter项目，项目名为 flutter_app，其中包含一个使用Material 组件的简单演示应用程序。
在项目目录中，您应用程序的代码位于 lib/main.dart.

运行应用程序

1. 定位到Android Studio 工具栏:

   

2. 在 target selector 中, 选择一个运行该应用的Android设备. 如果没有列出可用，请选择 Tools>Android>AVD Manager 并在那里创建一个

3. 在工具栏中点击 Run图标, 或者调用菜单项 Run > Run.

4. 如果一切正常, 您应该在您的设备或模拟器上会看到启动的应用程序:

   
   
   

体验热重载

Flutter 可以通过 热重载（hot reload） 实现快速的开发周期，热重载就是无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态（译者语:如果是一个web开发者，那么可以认为这和webpack的热重载是一样的）。简单的对代码进行更改，然后告诉IDE或命令行工具你需要重新加载（点击reload按钮），你就会在你的设备或模拟器上看到更改。

1. 将字符串 'You have pushed the button this many times:' 更改为 'You have clicked the button this many times:'
2. 不要按“Stop”按钮; 让您的应用继续运行。
3. 要查看您的更改, 只需调用 Save All (cmd-s / ctrl-s), 或点击 热重载按钮 (带有闪电⚡️图标的按钮).
   你就会立即看到更新后的字符串。