Flutter简介

Flutter 是 Google I/O大会上推出并开源的移动应用开发框架,主打跨平台、高保真、高性能。
前不久(2019.05.07) Google发布了Flutter 1.5 , 并且扩大了可以支持的平台,发布了第一个Web预览版,下一步将通过Chrome OS 迈出桌面级应用程序支持的第一步。

Windows下Flutter安装

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

  • 操作系统: Windows 7 或更高版本 (64-bit)

  • 磁盘空间: 400 MB (不包括Android Studio的磁盘空间).

  • 工具: Flutter 依赖下面这些命令行工具.

    • PowerShell 5.0 或更新的版本
    • Git for Windows (Git命令行工具);

    如果已安装Git for Windows,请确保可以在命令提示符或PowerShell中运行 git 命令(这里如果不能确定,之后会遇到问题,建议删除重装)

获取Flutter SDK

去flutter官网下载其最新可用的安装包,官网地址:https://flutter.io/sdk-archive/#windows 当然可能会遇到下不下来的情况,可以访问该网址:https://flutter.dev/community/china,对下载链接进行根URL替换和配置镜像地址,在Windows下主要是在用户变量下新建PUB_HOSTED_URLFLUTTER_STORAGE_BASE_URL条目。

Shanghai Jiaotong University Linux User Group
FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn/
PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn/

下载完成后将安装包zip解压到你想安装Flutter SDK的路径,在Flutter安装目录的flutter文件下找到flutter_console.bat,双击运行并启动flutter命令行,接下来,你就可以在Flutter命令行运行flutter命令了。

在Flutter命令行运行如下命令来查看是否还需要安装其它依赖,如果需要,安装它们:

flutter doctor 

该命令检查你的环境并在命令行窗口中显示报告。Dart SDK已经在打包在Flutter SDK里了,没有必要单独安装Dart。 仔细检查命令行输出以获取可能需要安装的其他软件或进一步需要执行的任务。

例如,我本地的,可以看到这一步时还没有在Android Studio 安装Flutter plugin:

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.5.4-hotfix.2, on Microsoft Windows [Version 10.0.15063], locale zh-CN)

[!] Android toolchain - develop for Android devices (Android SDK version 28.0.3)
    ! Some 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.
[!] Android Studio (version 3.2)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[!] IntelliJ IDEA Community Edition (version 2019.1)
    X Flutter plugin not installed; this adds Flutter specific functionality.
    X Dart plugin not installed; this adds Dart specific functionality.
[√] Connected device (1 available)

安装开发工具

这里我使用的是Android Studio,当然你也可以选择别的,比如说IDEA,安装插件的步骤应该是相同的:

  • 打开 Android Studio.
  • 打开 plugin preferences (在MacOS 上Preferences > Plugins ,在 Windows & Linux上 File > Settings > Plugins ).
  • 选择 Browse repositories, 选择Flutter 插件并安装,会提示要安装Dart插件。
  • 完成后重启IDE.

Windows下安装过程会有的坑

在文章开头提到请确保可以在命令提示符或PowerShell中运行 git 命令,这里主要还是针对Windows下的问题,否则在使用flutter doctor时,会出现指令回车后不响应,仿佛卡死的样子。类似于下图(图片来源,侵删):

frc e1ce5b9921329338bdf9f8d50627d43f - 安装Flutter开发环境及flutter doctor无响应原因
指令不响应

解决方法

重新安装Git,并且在安装到这一步时,需要勾选MinTTY而不是调用Windows Console, 否则还是会出现指令不响应的状态,如图:

frc 5be541c9b60aa8f447e8a470a77c6432 - 安装Flutter开发环境及flutter doctor无响应原因
选择 MinTTY

总结

对于Android开发来说,安装Flutter是很友好的,只需下载SDK配置,配置环境变量以及安装插件即可,其余的模拟器,Android SDK都无需反复下载,现在就可以开始Flutter的新旅程了。

安装Flutter开发环境及flutter doctor无响应原因