Flutter开发环境配置-Windows

Posted 2021-02-17 ai2050

下载Flutter Sdk

系统要求：
安装运行Flutter，开发环境必须满足以下要求：
操作系统：Windows 7 或者以上版本，64位机器
硬盘空间：不包括IDE和工具在内，至少需要400M
软件工具：
Windows PowerShell 5.0或者以上
Windows版Git 2.x，请确保Git可以正常运行

获取Flutter Sdk：
1. 点击这里下载最新版本的Flutter Sdk。如果想要获取更多Flutter Sdk或者下载以前版本的Flutter Sdk，请点击SDK archive下载。
2. 解压缩zip文件到存放Flutter Sdk的目录，例如我存放在D:androidflutter目录下。不要将Flutter解压缩在像C:Program Files这样的私有目录下。
3. 在flutter目录中找到flutter_console.bat文件，双击运行安装Flutter。
现在，Flutter就已经安装好了，你可以通过Windows控制台中运行flutter了。
如果想要更新Flutter，请点击这里更新。

配置Flutter的环境变量

flutter安装完成之后，只能在flutter所在的目录下运行。要想在控制台中所有目录都能运行，我们还需要给flutter添加到系统环境变量。

1. 复制flutter解压后所在的目录地址，以我的安装地址为例就是复制D:Androidflutterin；
2. 在左下角的“开始”中输入“env”，选择 “编辑系统环境变量” 。在弹出的窗口中点击 “环境变量” ；
3. 新建环境变量，命名为FLUTTER_HOME，粘贴复制的flutter的安装地址，点击确定；
4. 找到 “Path” ，点击编辑，添加 %FLUTTER_HOME% 并用分号将其余其他路径分开，然后全部点击 “确定” ；
   关于配置flutter环境变量的详细介绍，请查看https://blog.csdn.net/cjc035/article/details/88687785

现在就可以在任何目录下运行flutter了！

运行 flutter doctor

在控制台下运行flutter doctor命令，查看有哪些以来环境需要继续完成配置的。

这条命令会检查当前的flutter运行环境并且显示报告当前flutter安装的状态。需要仔细核对粗体字提示的需要安装的软件或者错误报告。
例如：

[-] Android toolchain - develop for Android devices
    ? Android SDK at D:Androidsdk
    ? Android SDK is missing command line tools; download from https://goo.gl/XxQghQ
    ? Try re-installing or updating your Android SDK,
      visit https://flutter.dev/setup/#android-setup for detailed instructions.

接下来将介绍如何完成这些工作的步骤。一旦你完成了一项配置工作，你可以运行flutter doctor来验证还剩下哪些工作需要完成。

Android 设置

注意：flutter以来完全安装好的Android Studio开发环境。当然，你也可以只用文本编辑器来开发flutter，这个会在以后介绍。

安装Android Studio

1. 安装 JDK 并且正确配置 JDK 的环境变量，详细步骤请参考https://blog.csdn.net/cjc035/article/details/88688447；
2. 下载并安装 Android Studio
   安装最新版本的Android SDK，Android SDK Platform-Tools，Android SDK Build-Tools，这些都是flutter需要依赖的。

设置 Android 设备

要能让 flutter app 在 Android 设备上运行，请确保 Android 系统在 4.1 或者以上版本

1. 打开 Android 开发者选项，启用 USB 调试；
2. 用 USB 数据线将 Android 设备和电脑连接；
3. 在控制台运行 flutter devices，如图所示则 Android 设备连接成功：
   

安装 Android Studio 插件

1. 打开 Android Studio
2. 打开安装插件窗口，File > Settings > Plugins
3. 选在 Browse repositories，选择 Flutter 插件并且点击 Install
4. 重启 Android Studio

创建第一个 Flutter App

1. 打开 Android Studio
2. 选择 File > New Flutter Project
3. 选择 Flutter application 作为工程类型，并且一路 Next
4. 确保 Flutter SDK Path 和 Android SDK 都已经正确安装了
5. 输入工程名，例如 myapp，然后点击 Next
6. 点击 Finish
7. 等待 Android Studio 创建 Flutter 工程并且打开

运行 Flutter App

1. 找到 Android Studio 的工具栏
   

2. 在 target selector 中选择一个 Android 设备运行APP

3. 点击 Run
   等待工程 Build 完成后，在 Android 设备上将会看到运行的 Flutter App
   

感受热加载

Flutter 开发可以使用热加载，不需要每次修改代码之后都重新运行 App。当源代码修改之后，使用热加载功能，可以在 Android 设备上看到修改后的效果，无需重新 Build，无需重新启动 App。

1. 打开 lib/main.dart
2. 把

‘You have pushed the button this many times‘

改成

‘You have clicked the button this many times‘

3. 点击 Hot Reload 工具栏的 闪电 图标，将在APP上立马展示效果

注意：在修改代码的时候不能关闭已经运行的APP

到这里，Flutter 的开发环境就配置好了，并且成功运行了第一个 Flutter App