Flutter Windows环境搭建|酷客网

文章目录

1 使用镜像
2 安装Git
3 下载安装Flutter SDK
4 添加环境变量
5 运行flutter命令安装各种依赖
6 编辑器设置

Flutter Windows环境搭建

使用镜像

首先解决网络问题。环境搭建过程中需要下载很多资源文件，当某个资源未及时更新时，就可能报各种错误。在国内访问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（网址为https://github.com/flutter/flutter/wiki/Using-Flutter-in-China）以获得有关镜像服务器的最新动态。

安装Git

Flutter依赖的命令行工具为Git for Windows（Git命令行工具）。Windows版本的下载地址为https://git-scm.com/download/win。

下载安装Flutter SDK

在Flutter官网下载最新可用的安装包。

注意Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想获取安装包列表或下载安装包有可能发生困难，读者也可以去Flutter GitHub项目下去下载安装Release包。

Flutter官网下载地址：https://flutter.io/docs/development/tools/sdk/archive#windows。
Flutter GitHub下载地址：https://github.com/flutter/flutter/releases。

将安装包解压到想安装Flutter SDK的路径（如D:\Flutter）。在Flutter安装目录的Flutter文件下找到flutter_console.bat，双击运行该文件并启动Flutter命令行，接下来就可以在Flutter命令行运行flutter命令了。

注意不要将Flutter安装到需要一些高权限的路径，如C:\Program Files\。

添加环境变量

不管使用什么工具，如果想在系统的任意地方能够运行这个工具的命令，则需要添加工具的路径到系统路径中。这里路径指向Flutter文件的bin路径，如图所示。同时，要检查是否有名为“PUB_HOSTED_URL”和“FLUTTER_STORAGE_BASE_URL”的条目，如果没有，也需要添加这两个条目。重启Windows才能使更改生效。
Flutter Windows环境搭建

运行flutter命令安装各种依赖

使用Windows命令窗口运行以下命令，查看是否需要安装依赖项来完成安装：

flutter doctor

该命令检查你的环境并在终端窗口中显示报告。Dart SDK已经捆绑在Flutter里了，没有必要单独安装Dart。仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。如下代码粗体部分显示，Android SDK缺少命令行工具，需要下载并且提供了下载地址，通常这种情况只需要连接网络，打开VPN，然后重新运行flutter doctor命令即可。

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

注意一旦安装了任何缺失的依赖，需要再次运行flutter doctor命令来验证是否已经正确地设置了，同时需要检查移动设备是否连接正常。

编辑器设置

如果使用Flutter命令行工具，可以使用任何编辑器来开发Flutter应用程序。输入flutter help命令，在提示符下查看可用的工具。但是笔者建议最好安装一款功能强大的IDE来进行开发，这样开发效率会更高。由于Windows环境只能开发Flutter的Android应用，所以接下来我们会重点介绍Android Studio这款IDE。

安装Android Studio
要为Android开发Flutter应用，可以使用Mac或Windows操作系统。Flutter需要安装和配置Android Studio，步骤如下：
1）下载并安装Android Studio：https://developer.android.com/studio/index.html。
2）启动Android Studio，然后执行“Android Studio安装向导”，将安装最新的Android SDK、Android SDK平台工具和Android SDK构建工具，这是为Android开发Flutter应用时所必需的。
设置你的Android设备
要准备在Android设备上运行并测试你的Flutter应用，需要安装Android 4.1（API level 16）或更高版本的Android设备。步骤如下：
1）在你的设备上启用“开发人员选项”和“ USB调试”，这些选项通常在设备的“设置”界面里。
2）使用USB线将手机与计算机连接。如果你的设备出现提示，请授权计算机访问你的设备。
3）在终端中，运行flutter devices命令以验证Flutter识别出你连接的Android设备。
4）用flutter run命令启动你的应用程序。
提示默认情况下，Flutter使用的Android SDK版本基于你的adb工具版本。如果想让Flutter使用不同版本的Android SDK，则必须将该ANDROID_HOME环境变量设置为SDK安装目录。
设置Android模拟器
要准备在Android模拟器上运行并测试Flutter应用，请按照以下步骤操作：
1）启动Android Studio→Tools→Android→AVD Manager并选择Create Virtual Device，打开虚拟设备面板，如图所示。

2）选择一个设备并点击Next按钮，如图所示。

3）选择一个镜像，点击Download即可，然后点击Next按钮，如图所示。
2）选择一个设备并点击Next按钮，如图所示。

4）验证配置信息，填写虚拟设备名称，选择Hardware-GLES 2.0以启用硬件加速，点击Finish按钮，如图所示。

5）在工具栏选择刚刚添加的模拟器，如图所示。

6）也可以在命令行窗口运行flutter run命令启动模拟器。当能正常显示模拟器时（如图所示），则表示模拟器安装正常。

提示建议选择当前主流手机型号作为模拟器，开启硬件加速，使用x86或x86_64 image。详细文档请参考https://developer.android.com/studio/run/emulator-acceleration.html。
安装Flutter和Dart插件
IDE需要安装两个插件：
1)Flutter插件：支持Flutter开发工作流（运行、调试、热重载等）。
2)Dart插件：提供代码分析（输入代码时进行验证、代码补全等）。