服务器之家:专注于服务器技术及软件下载分享
分类导航

Linux|Centos|Ubuntu|系统进程|Fedora|注册表|Bios|Solaris|Windows7|Windows10|Windows11|windows server|

服务器之家 - 服务器系统 - Linux - 如何在 Linux 上安装和设置 Flutter 开发环境

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

2021-12-06 23:09Linux中国Marco Antonio Carmon Linux

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

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

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

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

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

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

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

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

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

  1. sudo snap install flutter --classic 

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

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

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

验证 Flutter 的依赖项

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

  1. Flutter doctor 

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

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

而它完成时像这样:

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

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

安装并设置好 Android Studio

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

  1. sudo snap install android-studio --classic 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

创建一个 Hello World Flutter 应用样本

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

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

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

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

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

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

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

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

  1. import 'package:flutter/material.dart'
  2. void main() => runApp(MyApp()); 
  3. class MyApp extends StatelessWidget { 
  4.   @override 
  5.   Widget build(BuildContext context) { 
  6.     return MaterialApp( 
  7.       title: 'Welcome to Flutter'
  8.       home: Scaffold( 
  9.         appBar: AppBar( 
  10.           title: const Text('Welcome to Flutter'), 
  11.         ), 
  12.         body: const Center( 
  13.           child: Text('Hello World'), 
  14.         ), 
  15.       ), 
  16.     ); 
  17.   } 

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

最后,选择 “Chome Web” 设备,并点击“运行Run”按钮,如下图所示;并看到神奇的效果!

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

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

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

最后...

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

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

原文地址:https://linux.cn/article-14054-1.html

延伸 · 阅读

精彩推荐