笙亿网络策划

Flutter怎么安装？新手入门配置步骤有哪些？

约 5 分钟读完 47 阅
文章导读
Previous Quiz Next 本章将详细指导您在本地计算机上安装 Flutter。
📋 目录
  1. 一 Windows 安装
  2. 二 MacOS 安装
A A

Flutter - 安装

Previous
Quiz
Next

本章将详细指导您在本地计算机上安装 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 − 更新系统 PATH 以包含 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。

  • 点击 File → Settings → Plugins。

  • 选择 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 − 更新系统 PATH 以包含 flutter bin 目录（在 ~/.bashrc 文件中）。

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

步骤 4 − 使用以下命令在当前会话中启用更新的 PATH 并验证它。

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

  • 点击 Preferences → Plugins

  • 选择 Flutter 插件并点击 Install

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

  • 重启 Android Studio。