跳至主要内容

开始在 Linux 上构建 Flutter 原生桌面应用

验证系统要求

#

要安装和运行 Flutter,您的 Linux 环境必须满足以下硬件和软件要求。

硬件要求

#

您的 Linux Flutter 开发环境必须满足以下最低硬件要求。

要求最低推荐
CPU 内核48
内存(GB)816
显示分辨率(像素)WXGA (1366 x 768)FHD (1920 x 1080)
可用磁盘空间(GB)4.052.0

软件要求

#

要在桌面上编写和编译 Flutter 代码,您必须拥有以下版本的 Linux 和列出的软件包。

操作系统

#

Flutter 支持 Debian Linux 11 或更高版本以及 Ubuntu Linux 20.04 LTS 或更高版本。

开发工具

#

在 Linux 上开发 Flutter

  1. 安装以下软件包:curlgitunzipxz-utilsziplibglu1-mesa

    sudo apt-get update -y && sudo apt-get upgrade -y;
    sudo apt-get install -y curl git unzip xz-utils zip libglu1-mesa
  2. 要开发 Linux 应用,请使用以下命令安装这些软件包
    clangcmakeninja-buildpkg-configlibgtk-3-devlibstdc++-12-dev

    sudo apt-get install \
          clang cmake git \
          ninja-build pkg-config \
          libgtk-3-dev liblzma-dev \
          libstdc++-12-dev

当您运行当前版本的 flutter doctor 时,它可能会列出其中一个软件包的不同版本。如果是这种情况,请安装它推荐的版本。

上述软件的开发者为这些产品提供支持。要解决安装问题,请查阅该产品的文档。

配置文本编辑器或 IDE

#

您可以使用任何文本编辑器或集成开发环境 (IDE) 结合 Flutter 的命令行工具来构建应用。

使用带有 Flutter 扩展或插件的 IDE 可以提供代码完成、语法高亮显示、窗口小部件编辑辅助、调试和其他功能。

常用的选项包括

安装 Flutter SDK

#

要安装 Flutter SDK,您可以使用 VS Code Flutter 扩展或自己下载并安装 Flutter 包。

使用 VS Code 安装 Flutter

#

要使用这些说明安装 Flutter,请验证您是否已安装 Visual Studio Code 1.77 或更高版本以及 VS Code 的 Flutter 扩展

提示 VS Code 安装 Flutter

#
  1. 启动 VS Code。

  2. 要打开命令面板,请按 Control + Shift + P

  3. 命令面板中,键入 flutter

  4. 选择Flutter:新建项目

  5. VS Code 会提示您在计算机上找到 Flutter SDK。

    1. 如果您已安装 Flutter SDK,请点击定位 SDK

    2. 如果您尚未安装 Flutter SDK,请点击下载 SDK

      如果您尚未按照开发工具先决条件中的说明安装 Git,此选项会将您发送到 Flutter 安装页面。

  6. 当出现选择哪个 Flutter 模板?提示时,请忽略它。按 Esc。在检查开发设置后,您可以创建测试项目。

下载 Flutter SDK

#
  1. 当显示选择 Flutter SDK 的文件夹对话框时,选择要安装 Flutter 的位置。

    VS Code 会将您放置在用户配置文件中以开始。选择其他位置。

    可以考虑 ~/development/

  2. 点击克隆 Flutter

    下载 Flutter 期间,VS Code 会显示此弹出通知

    Downloading the Flutter SDK. This may take a few minutes.

    此下载需要几分钟。如果您怀疑下载已挂起,请点击取消,然后重新开始安装。

  3. 下载 Flutter 完成后,将显示输出面板。

    Checking Dart SDK version...
    Downloading Dart SDK from the Flutter engine ...
    Expanding downloaded archive...

    成功后,VS Code 会显示此弹出通知

    Initializing the Flutter SDK. This may take a few minutes.

    初始化期间,输出面板将显示以下内容

    Building flutter tool...
    Running pub upgrade...
    Resolving dependencies...
    Got dependencies.
    Downloading Material fonts...
    Downloading Gradle Wrapper...
    Downloading package sky_engine...
    Downloading flutter_patched_sdk tools...
    Downloading flutter_patched_sdk_product tools...
    Downloading windows-x64 tools...
    Downloading windows-x64/font-subset tools...

    此过程还会运行 flutter doctor -v。在此过程中的这一点,请忽略此输出。Flutter Doctor 可能会显示不适用于此快速入门的一些错误。

    Flutter 安装成功后,VS Code 会显示此弹出通知

    Do you want to add the Flutter SDK to PATH so it's accessible
    in external terminals?
  4. VS Code 可能会显示 Google Analytics 通知。

    如果您同意,请点击确定

  5. 要在所有 shell 窗口中启用 flutter

    1. 关闭,然后重新打开所有 shell 窗口。
    2. 重新启动 VS Code。

下载然后安装 Flutter

#

要安装 Flutter,请从其存档中下载 Flutter SDK 包,将包移动到您想要存储的位置,然后解压缩 SDK。

  1. 下载以下安装包以获取 Flutter SDK 的最新稳定版本。

    (加载中...)

    有关其他发布渠道和旧版本,请查看 SDK 存档

    Flutter SDK 应下载到 Linux 默认下载目录:~/Downloads/

  2. 创建一个可以安装 Flutter 的文件夹。

    可以考虑在 ~/development/ 中创建一个目录。

  3. 将文件解压缩到您想要存储 Flutter SDK 的目录中。

    tar -xf ~/Downloads/flutter_sdk_v1.0.0.zip -C ~/development/

    完成后,Flutter SDK 应位于 ~/development/flutter 目录中。

将 Flutter 添加到您的 PATH

#

要在 shell 中运行 Flutter 命令,请将 Flutter 添加到 PATH 环境变量。

  1. 检查打开新控制台窗口时启动哪个 shell。这将是您的默认 shell

    echo $SHELL

    这与另一个告诉您当前控制台中运行哪个 shell 的命令不同。

    echo $0
  2. 要将 Flutter 添加到您的 PATH,请展开默认 shell 的条目,然后选择命令。

    显示bash命令
    echo 'export PATH="~/development/flutter/bin:$PATH"' >> ~/.bash_profile
    显示zsh命令
    echo 'export PATH="~/development/flutter/bin:$PATH"' >> ~/.zshenv
    显示fish命令
    fish_add_path -g -p ~/development/flutter/bin
    显示csh命令
    echo 'setenv PATH "~/development/flutter/bin:$PATH"' >> ~/.cshrc
    显示tcsh命令
    echo 'setenv PATH "~/development/flutter/bin:$PATH"' >> ~/.tcshrc
    显示ksh命令
    echo 'export PATH="~/development/flutter/bin:$PATH"' >> ~/.profile
    显示sh命令
    echo 'export PATH="~/development/flutter/bin:$PATH"' >> ~/.profile
  3. 要应用此更改,请重新启动所有打开的终端会话。

检查您的开发设置

#

help 帮助

运行 Flutter doctor

#

flutter doctor 命令验证 Linux 完整 Flutter 开发环境的所有组件。

  1. 打开一个 shell。

  2. 要验证所有组件的安装,请运行以下命令。

    flutter doctor

由于您选择开发桌面应用,因此您不需要所有组件。如果您遵循本指南,则命令结果应类似于

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.5, on Ubuntu 20.04 (LTS), locale en)
[!] Android toolchain - develop for Android devices
[!] Chrome - develop for the web
[!] Android Studio (not installed)
[✓] Linux toolchain - develop for Linux desktop
[✓] VS Code (version 1.95)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 3 categories.

排查 Flutter doctor 问题

#

flutter doctor 命令返回错误时,可能是 Flutter、VS Code、Linux 库之一、连接的设备或网络资源导致的。

如果 flutter doctor 命令返回任何这些组件的错误,请使用详细标志再次运行它。

flutter doctor -v

检查输出以获取可能需要安装的其他软件或需要执行的其他任务。

如果更改了 Flutter SDK 或其相关组件的配置,请再次运行 flutter doctor 以验证安装。

开始使用 Flutter 开发 Linux 桌面应用

#

恭喜。安装了所有先决条件和 Flutter SDK 后,您可以开始为 Linux 桌面开发 Flutter 应用。

要继续您的学习之旅,请查阅以下指南

管理您的 Flutter SDK

#

要详细了解如何管理您的 Flutter SDK 安装,请查阅以下资源。