如何在 Linux 上安装和设置 Flutter 开发环境

2024年 7月 17日 32.4k 0

如何在 Linux 上安装和设置 Flutter 开发环境-1

谷歌的 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 上安装和设置 Flutter 开发环境-2

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

验证 Flutter 的依赖项

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

Flutter doctor

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

如何在 Linux 上安装和设置 Flutter 开发环境-3

而它完成时像这样:

如何在 Linux 上安装和设置 Flutter 开发环境-4

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

安装并设置好 Android Studio

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

sudo snap install android-studio --classic

如何在 Linux 上安装和设置 Flutter 开发环境-5

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

如何在 Linux 上安装和设置 Flutter 开发环境-6

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

如何在 Linux 上安装和设置 Flutter 开发环境-7

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

如何在 Linux 上安装和设置 Flutter 开发环境-8

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

如何在 Linux 上安装和设置 Flutter 开发环境-9

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

如何在 Linux 上安装和设置 Flutter 开发环境-10

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

如何在 Linux 上安装和设置 Flutter 开发环境-11

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

如何在 Linux 上安装和设置 Flutter 开发环境-12

创建一个 Hello World Flutter 应用样本

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

如何在 Linux 上安装和设置 Flutter 开发环境-13

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

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

如何在 Linux 上安装和设置 Flutter 开发环境-14

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

如何在 Linux 上安装和设置 Flutter 开发环境-15

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

// 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 上安装和设置 Flutter 开发环境-16

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

如何在 Linux 上安装和设置 Flutter 开发环境-17

最后…

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

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

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

via: https://itsfoss.com/install-flutter-linux/

作者:Marco Antonio Carmona Galván 选题:lujun9972 译者:wxy 校对:wxy

本文由 LCTT 原创编译,Linux中国 荣誉推出

相关文章

Linux 命令行的聊天工具 CenterIM
Linux 桌面年仍未到来 但 Linux 移动之年已到来
12 个在线学习 Linux 技能网站
Linux Mint : 会是另一个新的 Ubuntu 吗?
W3Conf 开发者大会将于下周召开
Ubuntu 10.04 ARM 处理器上网本版本结束服务期

发布评论