内容
description bug_report

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

内容

验证系统要求

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

硬件要求

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

要求 最低 推荐
x86_64 CPU 内核 4 8
内存（GB） 8 16
显示分辨率（像素） WXGA (1366 x 768) FHD (1920 x 1080)
可用磁盘空间（GB） 4.0 52.0

软件要求

要为桌面编写和编译 Flutter 代码，你必须具有以下版本的 Windows 和所列的软件包。

操作系统

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

开发工具

下载并安装以下软件包的 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 应用。

使用带有 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。

      如果您未按照开发工具先决条件中指示的那样为 Windows 安装 Git，此选项会向您发送 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. 下载 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. 单击将 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. 将 zip 文件解压到您要存储 Flutter SDK 的目录中。

    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 环境变量。本部分假设您已在 %USERPROFILE%\dev\flutter 中安装了 Flutter SDK。

  1. 按 Windows + Pause。

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

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

  2. 依次单击高级系统设置 > 高级 > 环境变量…

    将显示环境变量对话框。

  3. 在(username) 的用户变量部分中，查找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. 若要验证你对所有组件的安装，请运行以下命令。

    C:\> flutter doctor

由于你选择针对桌面进行开发，因此不需要所有组件。如果你按照本指南进行操作，则你的命令结果应类似于

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.3, 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.86)
[✓] Connected device (1 available)
[✓] Network resources


! Doctor found issues in 3 categories.

解决 Flutter doctor 问题

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

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

C:\> flutter doctor -v

检查输出，了解你可能需要安装的其他软件或需要执行的其他任务。

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

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

恭喜！既然你已经安装了所有先决条件和 Flutter SDK，你应该能够开始为 Windows 桌面开发 Flutter 应用了。

管理你的 Flutter SDK

若要详细了解如何管理你的 Flutter SDK 安装，请参阅以下资源。