发布时间：2021年5月20日 - 4分钟阅读
可以运行UWPs的设备实例
通用Windows程序（UWP）是可以在所有微软设备上运行的应用程序，从你可能正在阅读这篇文章的Windows笔记本，到你客厅里的Xbox，甚至是Hololens（可能没有人有）。
Flutter是谷歌的UI工具包，用于从单一代码库中为移动、网络、桌面和嵌入式设备构建漂亮的、本地编译的应用程序。自2020年9月以来，Flutter已经支持创建传统的Win32程序，但在Google I/O 2021中，这种Windows支持终于扩展到了UWP!
在这篇文章中，我将告诉你如何设置Flutter并创建你的第一个UWP。在本指南中，你必须使用一台Windows 10电脑。所有链接都是写作时的最新版本。
第1步：设置Flutter SDK
-
从这个链接下载最新的Flutter SDK。
-
将您之前下载的压缩文件中的 "flutter "文件夹解压到您想要的安装位置。不要将该文件夹放在需要提升权限的文件夹中，例如 "C:\Program Files"。
-
在 "开始 "搜索栏中输入 "env "并选择编辑系统环境变量。
- 在出现的窗口中选择 "环境变量 "按钮。
- 双击用户变量下的 "路径 "变量。
- 点击 "新建 "按钮，输入 "flutter/bin "目录的路径。
-
按 "确定 "关闭所有您已打开的窗口。
-
通过打开一个新的PowerShell窗口并运行命令来测试您的新flutter安装。
flutter doctor
您应该看到类似这样的内容。
为Windows开发准备Flutter SDK
- 从这个链接下载并安装Visual Studio 2019社区，因为它将用于编译和运行您的应用程序。当被要求提供工作负载时，选择 "通用Windows平台开发 "和 "带有C++的桌面环境"。
- 在PowerShell窗口中运行此命令，以启用Fluttter的UWP支持。
flutter config --enable-windows-uwp-desktop
安装一个支持的IDE
-
从这个链接下载并安装Visual Studio Code。它将被用于编写您的Dart/Flutter代码。
-
打开Visual Studio Code中的Extensions面板。
- 搜索 "Flutter "并安装Flutter扩展。
创建你的UWP!
- 在PowerShell窗口中，在你想要的文件夹中键入以下命令。将<项目名称>替换为您的应用程序的名称。
flutter create <project name>
-
点击Visual Studio Code中的 "打开文件夹 "按钮，用你的应用程序名称打开新创建的文件夹。
-
在右下角，点击Edge（web-javascript）。
- 顶部会出现一个菜单。点击 "为这个项目启用窗口"。
- 按照Visual Studio Code的指示，运行 "flutter create ."。
- 再次点击Edge（web-javascript），你现在可以点击Windows UWP的选项。
- 你现在可以在Visual Studio Code终端运行这个命令。
flutter run
- 当提示安装证书时，输入 "y "继续。
- 现在您将看到另外几行信息。
-
通过右击任务栏上的Windows标志，并点击 "Windows PowerShell（管理员）"，打开一个管理员PowerShell窗口。
-
从终端运行说明中指定的命令，绕过UWP沙盒，启用热重载和调试。对我来说，就是
checknetisolation loopbackexempt -is -n=B65612E9-DC9A-4AD2-9BA7-01B506A44549_d7c8pgvss6ysm
完成后，在Visual Studio Code终端键入 "y"，构建过程将结束。保持PowerShell窗口打开，否则Flutter应用程序将停止。
- 享受你的UWP!
下一步是什么？
在接下来的文章中，我将向您展示如何用Flutter创建美丽的Fluent UI UWPs。请继续关注! 如果您认为这篇文章对您有帮助，请给我鼓掌!
通过www.DeepL.com/Translator（免费版）翻译
