Flutter - 安装

本章将详细介绍如何在本地计算机上安装 Flutter。

在 Windows 中安装

在本节中,让我们看看如何在 Windows 系统中安装 Flutter SDK 及其要求。

步骤 1 − 转到 URL, https://flutter.dev/docs/get-started/install/windows 并下载最新的 Flutter SDK。截至 2019 年 4 月,版本为 1.2.1,文件为 flutter_windows_v1.2.1-stable.zip。

步骤 2 −将 zip 存档解压到一个文件夹中,例如 C:\flutter\

步骤 3 − 更新系统路径以包含 flutter bin 目录。

步骤 4 − Flutter 提供了一个工具 flutter doctor 来检查是否满足 flutter 开发的所有要求。

flutter doctor

步骤 5 − 运行上述命令将分析系统并显示其报告,如下所示 −

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, v1.2.1, on Microsoft Windows [Version
10.0.17134.706], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version
28.0.3)
[√] Android Studio (version 3.2)
[√] VS Code, 64-bit edition (version 1.29.1)
[!] Connected device
! No devices available
! Doctor found issues in 1 category.

报告说所有开发工具都可用,但设备未连接。我们可以通过 USB 连接 Android 设备或启动 Android 模拟器来解决这个问题。

步骤 6 − 如果 Flutter Doctor 报告,则安装最新的 Android SDK

步骤 7 − 如果 Flutter Doctor 报告,则安装最新的 Android Studio

步骤 8 − 启动 Android 模拟器或将真正的 Android 设备连接到系统。

步骤 9 − 为 Android Studio 安装 Flutter 和 Dart 插件。它提供了启动模板来创建新的 Flutter 应用程序,在 Android Studio 本身中运行和调试 Flutter 应用程序的选项等,

  • 打开 Android Studio。

  • 单击文件 → 设置 →插件。

  • 选择 Flutter 插件并点击 Install。

  • 当提示安装 Dart 插件时,点击 Yes。

  • 重启 Android Studio。

在 MacOS 中安装

要在 MacOS 上安装 Flutter,您必须遵循以下步骤 −

步骤 1 − 转到 URL, https://flutter.dev/docs/get-started/install/macos 并下载最新的 Flutter SDK。截至 2019 年 4 月,版本为 1.2.1,文件为 flutter_macos_v1.2.1- stable.zip。

步骤 2 − 将 zip 存档解压到文件夹中,例如 /path/to/flutter

步骤 3 − 更新系统路径以包含 flutter bin 目录(在 ~/.bashrc 文件中)。

> export PATH = "$PATH:/path/to/flutter/bin"

步骤 4 − 使用以下命令在当前会话中启用更新后的路径,然后对其进行验证。

source ~/.bashrc
source $HOME/.bash_profile
echo $PATH

Flutter 提供了一个工具 flutter doctor 来检查是否满足 Flutter 开发的所有要求。它与 Windows 版本类似。

步骤 5 − 如果 flutter doctor 报告,则安装最新的 XCode

步骤 6 − 如果 flutter doctor 报告,则安装最新的 Android SDK

步骤 7 − 如果 flutter doctor 报告,则安装最新的 Android Studio

步骤 8 − 启动 Android 模拟器或将真实的 Android 设备连接到系统以开发 Android 应用程序。

步骤 9 − 打开 iOS 模拟器或将真实的 iPhone 设备连接到系统以开发 iOS 应用程序。

步骤 10 − 为 Android Studio 安装 Flutter 和 Dart 插件。它提供了创建新 Flutter 应用程序的启动模板、在 Android Studio 本身中运行和调试 Flutter 应用程序的选项等,

  • 打开 Android Studio

  • 单击首选项 → 插件

  • 选择 Flutter 插件并单击安装

  • 提示安装 Dart 插件时单击"是"。

  • 重新启动 Android Studio。