跳至主要内容
内容

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

内容

验证系统要求

#

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

硬件要求

#

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

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

软件要求

#

要编写和编译用于桌面的 Flutter 代码，您必须拥有以下版本的 Windows 和列出的软件包。

操作系统

#

Flutter 支持 64 位版本的 Microsoft Windows 10 或更高版本。这些版本的 Windows 应包含所需的 Windows PowerShell 5 或更高版本。

开发工具

#

下载并安装以下软件包的 Windows 版本

  • Git for Windows 2.27 或更高版本，用于管理源代码。

  • Visual Studio 2022 用于调试和编译本机 C++ Windows 代码。确保安装了 **“使用 C++ 进行桌面开发”** 工作负载。这将启用 Windows 应用的构建，包括其所有默认组件。**Visual Studio** 是一个独立于 **Visual Studio Code** 的 IDE。

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

当您运行当前版本的 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 for Windows，此选项会将您发送到 Flutter 安装页面。

  6. 当提示 **哪个 Flutter 模板？** 时，请忽略它。按 Esc。您可以在检查开发环境设置后创建测试项目。

下载 Flutter SDK

#

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

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

    考虑使用 %USERPROFILE% 或 C:\dev。

  2. 点击 **克隆 Flutter**。

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

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

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

  3. 完成后，**输出** 面板将显示。

    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. 点击 **将 SDK 添加到 PATH**。

    成功后，将显示通知

    The Flutter SDK was added to your PATH

  5. VS Code 可能会显示 Google Analytics 通知。

    如果您同意，请点击 **确定**。

  6. 要在所有 PowerShell 窗口中启用 flutter

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

下载然后安装 Flutter

#

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

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

    (加载中...)

    对于其他发布渠道和旧版本，请查看 SDK 存档。

    Flutter SDK 应下载到 Windows 默认下载目录：%USERPROFILE%\Downloads。

    如果您更改了下载目录的位置，请将此路径替换为该路径。要查找您的下载目录位置，请查看此 Microsoft 社区帖子。

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

    考虑在 %USERPROFILE%（C:\Users\{username}）或 %LOCALAPPDATA%（C:\Users\{username}\AppData\Local）中创建目录。

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

    
  PS C:\> Expand-Archive `
      –Path $env:USERPROFILE\Downloads\flutter_sdk_v1.0.0.zip `
      -Destination $env:USERPROFILE\dev\

    完成后，Flutter SDK 应位于 C:\user\{username}\dev\flutter 目录中。

更新您的 Windows PATH 变量

#

help 帮助

要在 PowerShell 中运行 Flutter 命令，请将 Flutter 添加到 PATH 环境变量中。本节假设您将 Flutter SDK 安装在 %USERPROFILE%\dev\flutter 中。

  1. 按 Windows + Pause。

    如果您的键盘缺少 Pause 键，请尝试 Windows + Fn + B。

    将显示 **系统 > 关于** 对话框。

  2. 点击 **高级系统设置** > **高级** > **环境变量...**

    将显示 **环境变量** 对话框。

  3. 在 **(用户名) 的用户变量** 部分，查找 **Path** 条目。

    1. 如果该条目存在，请双击它。

      将显示 **编辑环境变量** 对话框。

      1. 双击空行。

      2. 键入 %USERPROFILE%\dev\flutter\bin。

      3. 点击 **%USERPROFILE%\dev\flutter\bin** 条目。

      4. 点击 **上移**，直到 Flutter 条目位于列表的顶部。

      5. 点击 **确定** 三次。

    2. 如果该条目不存在，请点击 **新建...**。

      将显示 **编辑环境变量** 对话框。

      1. 在 **变量名** 框中，键入 Path。

      2. 在 **变量值** 框中，键入 %USERPROFILE%\dev\flutter\bin

      3. 点击 **确定** 三次。

  4. 要启用这些更改，请关闭并重新打开任何现有的命令提示符和 PowerShell 实例。

检查开发环境设置

#

help 帮助

运行 Flutter doctor

#

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

  1. 打开 PowerShell。

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

    PS C:> flutter doctor

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

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.24.5, on Microsoft Windows 11 [Version 10.0.22621.3155], locale en)
[✓] Windows version (Installed version of Windows is version 10 or higher)
[!] Android toolchain - develop for Android devices
[!] Chrome - develop for the web
[✓] Visual Studio - develop Windows apps (version 2022)
[!] Android Studio (not installed)
[✓] VS Code (version 1.95)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 3 categories.

解决 Flutter doctor 问题

#

当 flutter doctor 命令返回错误时，可能是 Flutter、VS Code、Visual Studio、连接的设备或网络资源导致的。

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

PS C:> flutter doctor -v

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

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

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

#

恭喜！ 安装了所有先决条件和 Flutter SDK 后，您可以开始为 Windows 桌面开发 Flutter 应用程序了。

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

管理 Flutter SDK

#

要了解有关管理 Flutter SDK 安装的更多信息，请查阅以下资源。

除非另有说明，否则本网站上的文档反映了 Flutter 的最新稳定版本。页面上次更新于 2024-10-28。 查看源代码 或 报告问题.