使用 Flutter 创建 App

October 07, 2020

使用流行的 Flutter 框架开始你的跨平台开发之旅。

Flutter 是一个深受全球移动开发者欢迎的项目。该框架有一个庞大的、友好的爱好者社区，随着 Flutter 帮助程序员将他们的项目带入移动领域，这个社区还在继续增长。

本教程旨在帮助你开始使用 Flutter 进行移动开发。阅读之后，你将了解如何快速安装和设置框架，以便开始为智能手机、平板电脑和其他平台开发。

本操作指南假定你已在计算机上安装了 Android Studio，并且具有一定的使用经验。

什么是 Flutter ？

Flutter 使得开发人员能够为多个平台构建应用程序，包括：

Android
iOS
Web（测试版）
macOS（正在开发中）
Linux（正在开发中）

对 macOS 和 Linux 的支持还处于早期开发阶段，而 Web 支持预计很快就会发布。这意味着你可以立即试用其功能（如下所述）。

安装 Flutter

我使用的是 Ubuntu 18.04，但其他 Linux 发行版安装过程与之类似，比如 Arch 或 Mint。

使用 snapd 安装

要使用 Snapd 在 Ubuntu 或类似发行版上安装 Flutter，请在终端中输入以下内容：

$ sudo snap install flutter --classic

$ sudo snap install flutter –classic
flutter 0+git.142868f from flutter Team/ installed

然后使用 flutter 命令启动它。首次启动时，该框架会下载到你的计算机上：

$ flutter
Initializing Flutter
Downloading https://storage.googleapis.com/flutter_infra[...]

下载完成后，你会看到一条消息，告诉你 Flutter 已初始化：

Flutter initialized

手动安装

如果你没有安装 Snapd，或者你的发行版不是 Ubuntu，那么安装过程会略有不同。在这种情况下，请下载为你的操作系统推荐的 Flutter 版本。

Install Flutter manually

然后将其解压缩到你的主目录。

在你喜欢的文本编辑器中打开主目录中的 .bashrc 文件（如果你使用 Z shell，则打开 .zshc）。因为它是隐藏文件，所以你必须首先在文件管理器中启用显示隐藏文件，或者使用以下命令从终端打开它：

$ gedit ~/.bashrc &

将以下行添加到文件末尾：

export PATH="$PATH:~/flutter/bin"

保存并关闭文件。请记住，如果在你的主目录之外的其他位置解压 Flutter，则 Flutter SDK 的路径将有所不同。

关闭你的终端，然后再次打开，以便加载新配置。或者，你可以通过以下命令使配置立即生效：

$ . ~/.bashrc

如果你没有看到错误，那说明一切都是正常的。

这种安装方法比使用 snap 命令稍微困难一些，但是它非常通用，可以让你在几乎所有的发行版上安装该框架。

检查安装结果

要检查安装结果，请在终端中输入以下内容：

flutter doctor -v

你将看到有关已安装组件的信息。如果看到错误，请不要担心。你尚未安装任何用于 Flutter SDK 的 IDE 插件。

Checking Flutter installation with the doctor command

安装 IDE 插件

你应该在你的集成开发环境（IDE）中安装插件，以帮助它与 Flutter SDK 接口、与设备交互并构建代码。

Flutter 开发中常用的三个主要 IDE 工具是 IntelliJ IDEA（社区版）、Android Studio 和 VS Code（或 VSCodium）。我在本教程中使用的是 Android Studio，但步骤与它们在 IntelliJ Idea（社区版）上的工作方式相似，因为它们构建在相同的平台上。

首先，启动 Android Studio。打开 “Settings”，进入 “Plugins” 窗格，选择 “Marketplace” 选项卡。在搜索行中输入 “Flutter”，然后单击 “Install”。

Flutter plugins