使用Flutter創建App

作者：Vitaly Kuprenko 2020-10-10 19:14:09

開發項目管理

Flutter 是一個深受全球移動開發者歡迎的項目。該框架有一個龐大的、友好的愛好者社區，隨著 Flutter 幫助程序員將他們的項目帶入移動領域，這個社區還在繼續增長。

[[345418]]

使用流行的 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”。