从 Windows 上的 Android 开始，向 Flutter 添加 Web 开发工具

要将 Web 作为适用于 Windows 的 Flutter 应用目标与 Android 一起添加，请按照此过程操作。

将 Chrome 配置为 Web DevTools 工具

1. 为 Google Chrome 分配至少 1 GB 的存储空间。考虑分配 2 GB 的存储空间以实现最佳配置。

2. 下载并安装 Google Chrome 的 Windows 版本，以调试 Web 应用的 JavaScript 代码。

检查您的开发设置

help 帮助

运行 Flutter doctor

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

1. 打开 PowerShell。

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

   C:\> flutter doctor
   

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

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 (Android SDK version 34.0.0)
[✓] Chrome - develop for the web
[✓] Visual Studio - develop Windows apps (version 2022)
[✓] Android Studio (version 2023.1 (Hedgehog) or later)
[✓] VS Code (version 1.86)
[✓] Connected device (1 available)
[✓] Network resources


∙ No issues found!

解决 Flutter doctor 问题

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

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

C:\> flutter doctor -v

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

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

使用 Flutter 开始开发 Windows 应用中的 Web

恭喜！现在您已安装所有先决条件和 Flutter SDK，您应该能够开始为 Windows 上的 Web 开发 Flutter 应用。