- Flutter 教程
- Flutter - 首页
- Flutter - 简介
- Flutter - 安装
- 在 Android Studio 中创建简单应用程序
- Flutter - 架构应用程序
- Dart 编程入门
- Flutter - Widget 入门
- Flutter - 布局入门
- Flutter - 手势入门
- Flutter - 状态管理
- Flutter - 动画
- Flutter - 编写 Android 特定代码
- Flutter - 编写 iOS 特定代码
- Flutter - 包入门
- Flutter - 访问 REST API
- Flutter - 数据库概念
- Flutter - 国际化
- Flutter - 测试
- Flutter - 部署
- Flutter - 开发工具
- Flutter - 编写高级应用程序
- Flutter - 结论
- Flutter 有用资源
- Flutter - 快速指南
- Flutter - 有用资源
- Flutter - 讨论
Flutter - 安装
本章将详细指导您在本地计算机上安装 Flutter 的过程。
在 Windows 上安装
在本节中,让我们看看如何在 Windows 系统中安装 Flutter SDK 及其要求。
步骤 1 − 访问 URL: https://flutterdart.cn/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 插件并点击 安装。
提示安装 Dart 插件时,点击 是。
重新启动 Android studio。
在 MacOS 上安装
要在 MacOS 上安装 Flutter,您需要执行以下步骤:
步骤 1 − 访问 URL: https://flutterdart.cn/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。