如何在 Linux 上安装和设置 Flutter 开发环境-工具盒子

谷歌的 UI 工具包 Flutter 在创建移动、网页和桌面的跨平台应用程序方面越来越受欢迎。

Flutter 不是一种编程语言，而是一个软件开发工具包。Dart 是 Flutter SDK 下面使用的编程语言。

Flutter 是谷歌开源的 Fuchsia OS、谷歌 STADIA 以及许多其他软件和移动应用背后的主要框架。

如果你想使用 Flutter 进行开发，本教程将帮助你在 Ubuntu 和其他类似 Linux 发行版上搭建好你的环境。

在 Ubuntu 和其他 Linux 上用 Snap 安装 Flutter {#%E5%9C%A8-ubuntu-%E5%92%8C%E5%85%B6%E4%BB%96-linux-%E4%B8%8A%E7%94%A8-snap-%E5%AE%89%E8%A3%85-flutter}

在 Linux 上安装 Flutter 最简单的方法是使用 Snap。如果你使用的是 Ubuntu，你已经有了 Snap。对于其他发行版，请确保启用 Snap 支持。

打开终端并在终端中使用以下命令来安装 Flutter：

sudo snap install flutter --classic

你会在你的终端上看到类似这样的东西：

一旦安装完成，就是验证它的时候了。不仅仅是 Flutter 的安装，还要验证 Flutter 正常运行所需满足的每一个依赖关系。

验证 Flutter 的依赖项 {#%E9%AA%8C%E8%AF%81-flutter-%E7%9A%84%E4%BE%9D%E8%B5%96%E9%A1%B9}

为了验证 Flutter 正确工作所需的每一个依赖项，Flutter 有一个内置选项：

Flutter doctor

这个过程开始看起来像这样：

而它完成时像这样：

正如你所看到的，我们需要 Android Studio 来工作。所以让我们来安装它。我们该怎么做呢？用 Snap 在 Linux 上安装 Android Studio 也是毫不费力的。

安装并设置好 Android Studio {#%E5%AE%89%E8%A3%85%E5%B9%B6%E8%AE%BE%E7%BD%AE%E5%A5%BD-android-studio}

在终端中，使用下面的命令来安装 Android Studio：

sudo snap install android-studio --classic

安装完毕后，从我们的操作系统菜单中打开 Android Studio。

就快完成了。现在是配置 Android Studio 的时候了。

点击下一步，如果你不想让事情复杂化，就选择"标准standard"。

选择你喜欢的主题（我喜欢"暗色Darcula"的）。

确认一切正常，然后点击"下一步Next"。

最后，点击"完成Finish"按钮。

然后等待，直到下载完成。

创建一个 Hello World Flutter 应用样本 {#%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA-hello-world-flutter-%E5%BA%94%E7%94%A8%E6%A0%B7%E6%9C%AC}

在 Android Studio 中，进入项目，选择"新建 Flutter 项目New Flutter Project"。Flutter SDK 路径会默认设置。

在这里，神奇的事情开始出现了，这是你设置你的项目名称的地方，在这个例子中，它将被称为 "hello_world"。

让我们选择三个可用的平台。Android、iOS 和 Web 。最后，点击"完成Finish"。

项目中的主文件位于 lib/main.dart，如下图所示：

选定后，擦除文件中包含的所有内容，并将其改为本示例代码：

// Copyright 2018 The Flutter team. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import 'package:flutter/material.dart';
void main() =&gt; runApp(MyApp());
class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: Scaffold( appBar: AppBar( title: const Text('Welcome to Flutter'), ), body: const Center( child: Text('Hello World'), ), ), ); } }

重要的是，这只是向你展示 Flutter 是如何工作的，如果你确信要学习这种美丽而不可思议的语言，这里有文档可以看到更多关于它的信息。尝试它！

最后，选择 "Chome Web" 设备，并点击"运行Run"按钮，如下图所示；并看到神奇的效果！