谷歌的 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

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

验证 Flutter 的依赖项

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

Flutter doctor

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

而它完成时像这样:

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

安装并设置好 Android Studio

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

sudo snap install android-studio --classic

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

选择你喜欢的主题(我喜欢“暗色Darcula”的)。

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

创建一个 Hello World Flutter 应用样本

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

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

// 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”按钮,如下图所示;并看到神奇的效果!

linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧linux系列怎么安装程序(linux入门基础教程)-风君小屋帮我吧

你可以如此快速地创建一个 Flutter 项目,真是不可思议。跟你的 Hello World 项目打个招呼吧。

最后…

如果你想在短时间内做出漂亮的移动和网页界面的贡献,Flutter 和 Dart 是完美的。

现在你知道了如何在 Ubuntu Linux 上安装 Flutter,以及如何用它创建你的第一个应用程序。我很高兴可以为你写这篇文章,希望对你有所帮助,如果你有任何问题,请通过留言或给我发邮件来告诉我,祝你好运!

本教程由 Marco Antonio Carmona Galván 提供,他是物理学和数据科学专业的学生。