Marco Antonio Carmona Galván 发布的文章

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

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

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

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

在 Ubuntu 和其他 Linux 上用 Snap 安装 Flutter

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

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

sudo snap install flutter --classic

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

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

验证 Flutter 的依赖项

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

Flutter doctor

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

而它完成时像这样：

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

安装并设置好 Android Studio

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

sudo snap install android-studio --classic

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

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

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

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

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

最后，点击“ 完成 Finish ”按钮。

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

创建一个 Hello World Flutter 应用样本

在 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() => 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 ”按钮，如下图所示；并看到神奇的效果！