【Flutter 学习笔记三】Windows 安装 Flutter 并运行 DEMO

以前写了 Mac 上安装 Flutter ，鉴于有朋友提议须要一份 Windows 安装过程，因此找了一台 windows 电脑补上这篇文章

在 Windows 上安装 Flutter 的过程特别简单，让咱们开始吧~

本机环境

• 系统：Windows 10 X64
• 内存：8G

系统要求

要在 Windows 上安装 Flutter 须要知足如下条件：

• 系统：Windows 7 或更高版本（64位）
• 存储：不低于 400 MB

系统要求就这些，还须要安装两个工具

• PowerShell 5.0或更高版本
• 适用于Windows的Git

  对于 PowerShell 通常状况你们电脑都自带，若是没有的话自行下载安装便可

  对于 Git 安装，也是比较简单的，若是不会可参考这篇教程：Windows10上安装Git 2.10.2详细图解

安装 SDK

前期工做准备完成以后，咱们开始安装 Flutter

下载 SDK

flutter_windows_v0.5.1-beta.zip

经过上面连接下载 flutter v0.5.1 版本，这是目前最新的版本，若是须要下载其余版本，或者你看到这篇文章的时间稍晚，能够经过官方的 SDK 存档页下载

flutter sdk archive

下载完成后，咱们解压出来获得 flutter 文件夹，这个就是咱们的 SDK 了，让咱们找个地方存放。我选择存放在 D:\flutter

在选择存放 flutter 的目录时，有一点须要注意，就是不能选择须要权限的文件夹去存放 SDK ，这会致使一系列问题

执行批处理文件

存放完成，咱们打开 flutter 文件夹，在 bin 目录（D:\flutter\bin） 须要一个批处理文件 flutter.bat，双击执行。

设置环境变量

让咱们找到系统环境变量 PATH，点击编辑

选择新建，输入你的 flutter/bin 目录全路径 D:\flutter\bin，肯定保存后，你的系统变量列表应该以下图

因为 flutter 有一些命令须要联网，因此咱们在国内使用还须要作个简单的设置
(参考 Using Flutter in China )

咱们继续设置两个环境变量

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

接下来咱们打开命令行，运行命令 flutter 检查是否安装正常

若是你也有以上输出，恭喜你 SDK 安装完成了，万里长城踏出了第一步，值得喝杯啤酒庆祝，哈哈~

配置依赖

虽然 SDK 安装完成了，可是咱们还须要安装一些别的依赖。

让咱们执行 flutter doctor 它会自动帮咱们作依赖检测

PS C:\Users\Administrator> flutter doctor
Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale zh-CN)
[X] Android toolchain - develop for Android devices
    X Unable to locate Android SDK.
      Install Android Studio from: https://developer.android.com/studio/index.html
      On first launch it will assist you in installing the Android SDK components.
      (or visit https://flutter.io/setup/#android-setup for detailed instructions).
      If Android SDK has been installed to a custom location, set $ANDROID_HOME to that location.
[X] Android Studio (not installed)
[!] Connected devices
    ! No devices available

! Doctor found issues in 3 categories.
PS C:\Users\Administrator>

flutter 已经给咱们把问题和解决方案都列了出来.

为了写这篇文章，我特地找了一台干净的电脑，若是你的电脑之前没安装 Android SDK 和 Android Studio 的话，你看到的错误信息应该和我一致.

咱们按照提示来安装 Android SDK 和 Android Studio ，因为安装比较简单，你们参考 Android Studio安装教程-win10-完整最新版 自行安装便可

配置编辑器

当咱们把 Android SDK 和 Android Studio 安装完成后，再次执行 flutter doctor，会发现仍是有问题须要咱们去解决

PS C:\Users\Administrator> flutter doctor

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.165], locale zh-CN)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.1)
    X Android licenses not accepted.  To resolve this, run: flutter doctor --android-licenses
[√] Android Studio (version 3.1)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] Connected devices
    ! No devices available

! Doctor found issues in 2 categories.

Android licenses not accepted

第一个问题就是关于 Android licenses 的，flutter 也给出了解决方法，执行下面命令，而后一直输入 Y 便可

flutter doctor --android-licenses

Flutter plugin not installed 和 Dart plugin not installed

这个是提示咱们 Android Studio 没有安装 Flutter 插件和 Dart 插件

让咱们打开 Android Studio , 点击 Plugins，选择 Browse repositories，搜索 Flutter 进行安装，在安装 flutter 时，编辑器也会帮咱们安装 dart 插件

当咱们安装完成后，让咱们重启 Android Studio，完成编辑器配置

启动 Flutter

让咱们从新打开 Android Studio , 选择 Start a new Flutter project

选择 Flutter Application

项目名称和存储位置能够自定义

这一步能够输入公司或组织的名称

最后点击完成，项目打开的目录结构以下

对于这些目录结构。咱们后面再讲解

咱们新建项目时，Flutter 会咱们生成一个 Demo App，让咱们把 Demo 跑起来

配置模拟器

让咱们选择 Tools > AVD Manager 来新建一个模拟器

选择一个设备，点击下一步

选择一个系统镜像，点击下载

等待下载安装完成，最后在设备栏中会显示出来

让咱们选择这个设备，点击运行。等待模拟器运行

ok。启动了一个 Demo App，咱们能够修改 main.dart 中的内容来体验 flutter 的热加载

疑难杂症

1. emulator: ERROR: x86 emulation currently requires hardware acceleration! Please ensure Windows Hypervisor Platform (WHPX) is properly installed and usable. CPU acceleration status: HAXM is not installed on this machine

解决方案：选择 Tools > SDK Manager > SDK Tools , 安装 HAXM 便可

结束

好了，从安装到启动 DEMO ，咱们都已经体验过啦~ 能够说是 flutter 的道路上咱们迈出了第一步，第一步已经迈出，第一百步也不会太远啦~

这篇文章已经结束了，系列文章才刚刚开始~ 欢迎你们继续关注~

若是文章中发现了错别字，但愿您可以在评论中指正~ 谢谢

交流 QQ 群：826912082
专栏：https://segmentfault.com/blog...