生成你的第一个应用

本教程介绍如何在 Windows 上的 Visual Studio 2022 中或者在 Windows、macOS 或 Linux 上的 Visual Studio Code 中创建和运行你的第一个 .NET 多平台应用 UI (.NET MAUI) 应用。 这有助于确保正确设置开发环境。

Visual Studio

先决条件

• Visual Studio 2022 17.8 或更高版本，并安装了 .NET Multi-platform App UI 工作负载。 有关详细信息，请参阅安装。

创建应用

在本教程中，你将在 Visual Studio 2022 中创建第一个 .NET MAUI 应用，并在 Android Emulator 上运行：

在 Windows 上开发适用于 iOS 的 .NET MAUI 应用需要 Mac 生成主机。 如果你不需要专门面向 iOS 且没有 Mac，请考虑从 Android 或 Windows 入手。

在本教程中，你将在 Visual Studio 中创建第一个 .NET MAUI 应用，并在 iOS 模拟器上运行它：

在本教程中，你将在 Visual Studio 2022 中创建第一个 .NET MAUI 应用并在 Windows 上运行它：

1. 启动 Visual Studio 2022。 在开始窗口中，单击“创建新项目”以创建新项目：

   

2. 在“创建新项目”窗口中，在“所有项目类型”下拉列表中选择“MAUI”，选择“.NET MAUI 应用”模板，然后单击“下一步”按钮：

   

3. 在“配置新项目”窗口中命名项目，为其选择合适的位置，然后单击“创建”按钮：

   

4. 在“其他信息”窗口中，选择要面向的 .NET 版本，然后单击“创建”按钮：

   

5. 等待项目创建及其依赖项还原完成：

   

6. 在 Visual Studio 工具栏中，使用“调试目标”下拉列表选择“Android Emulators”，然后选择“Android Emulator”条目：

   

7. 在 Visual Studio 工具栏中，按下“Android Emulator”按钮：

   

   Visual Studio 将开始安装默认的 Android SDK 和 Android Emulator。

8. 在“Android SDK - 许可协议”窗口中，选择“接受”按钮：

   

9. 在“Android SDK - 许可协议”窗口中，选择“接受”按钮：

   

10. 在“用户帐户控制”对话框中，按下“是”按钮：

    

11. 在“接受许可证”窗口中，选择“接受”按钮：

    

    等待 Visual Studio 下载 Android SDK 和 Android Emulator。

12. 在 Visual Studio 工具栏中，按下“Android Emulator”按钮：

    

    Visual Studio 将开始创建默认的 Android Emulator。

13. 在“用户帐户控制”对话框中，按下“是”按钮：

    

14. 在“新设备”窗口中，按“创建”按钮：

    

    等待 Visual Studio 下载、解压缩并创建 Android Emulator。

15. 关闭 Android Device Manager 窗口。

    

16. 在 Visual Studio 工具栏中，按下“Pixel 5 - API 34 (Android 14.0 - API 33)”按钮以生成并运行应用：

    

    Visual Studio 将启动 Android Emulator，生成应用并将其部署到仿真器。

    警告

    必须启用硬件加速，以最大限度提高 Android Emulator 的性能。 未能执行此操作将导致仿真器的运行速度非常缓慢。 有关详细信息，请参阅如何使用 Android 仿真器（Hyper-V 和 AEHD）启用硬件加速。

17. 在 Android 仿真器中运行的应用中，多次按下“单击”按钮，并观察按钮单击次数的计数递增。

    

故障排除

如果应用无法编译，请查看排查已知问题，可能会找到问题的解决方案。 如果问题与 Android Emulator 相关，请参阅 Android Emulator 疑难解答。

6. 在 Visual Studio 工具栏中，使用“调试目标”下拉列表选择“框架”，然后选择“net8.0-windows” 条目：

   

7. 在 Visual Studio 工具栏中，按下“Windows 计算机”按钮以生成并运行应用：

   

   如果未启用开发人员模式，Visual Studio 将提示你启用它。 在“为 Windows 启用开发人员模式”对话框中，单击“面向开发人员的设置”，以打开“设置”应用：

   

   在“设置”应用中，打开“开发人员模式”，并接受免责声明：

   

   关闭“设置”应用，然后关闭“为 Windows 启用开发人员模式”对话框。

8. 在正在运行的应用中，多次按下“单击”按钮，并观察按钮单击次数的计数递增：

   

故障排除

如果应用无法编译，请查看排查已知问题，可能会找到问题的解决方案。

6. 在 Visual Studio 中，将 IDE 与 Mac 生成主机配对。 有关详细信息，请参阅与 Mac 配对以进行 iOS 开发。

7. 在 Visual Studio 工具栏中，使用“调试目标”下拉列表选择“iOS 模拟器”，然后选择特定的 iOS 模拟器：

   

8. 在 Visual Studio 工具栏中，按下所选 iOS 模拟器的“开始”按钮，以生成并运行应用：

   

   Visual Studio 将生成应用，启动适用于 Windows 的远程 iOS 模拟器，并将应用部署到远程模拟器。 有关适用于 Windows 的远程 iOS 模拟器的更多信息，请参阅适用于 Windows 的远程 iOS 模拟器。

9. 在正在运行的应用中，多次按“单击”按钮，并观察按钮单击次数的计数递增。

   

故障排除

如果应用无法编译，请查看排查已知问题，可能会找到问题的解决方案。

只能使用 Visual Studio 2022 for Mac 来启动和调试面向 Mac Catalyst 的 .NET MAUI 应用。

Visual Studio Code

先决条件

• Visual Studio Code，其中安装了 .NET MAUI 扩展。 有关详细信息，请参阅安装。

创建应用

若要创建新的 .NET MAUI 应用，请执行以下操作：

1. 启动 Visual Studio Code。 在资源管理器中，单击“创建 .NET 项目”。 或者，按 CTRL/CMD+SHIFT+P，然后选择“.NET:New Project...”。
2. 选择“ .NET MAUI 应用”或“.NET MAUI Blazor 应用”。
3. 选择一个空文件夹。 如果文件资源管理器再次打开，则你的文件夹不是空的。
4. 为项目命名。
5. 确保项目在解决方案资源管理器中成功加载，然后打开 C# 或 XAML 文件。

注意

还可以通过“文件”>“打开...”菜单在 Visual Studio Code 中打开现有的 .NET MAUI 项目。

现在，你应该能在 Visual Studio Code 的 C# 开发工具包解决方案资源管理器中看到应用。 由于 .NET MAUI 扩展依赖于 C# 开发工具包，因此可以将其所有功能与 .NET MAUI 扩展一起使用。

选择目标设备

若要选择目标设备，请单击 Visual Studio Code 右下角的大括号符号“{ }”。 可以使用此符号来更改启动项目，将调试目标更改为开发计算机上有效的任何内容，并将任一设置固定到 Visual Studio Code 状态栏：

还可以通过在命令面板中按 CTRL/CMD+SHIFT+P 并搜索“.NET MAUI”，来设置启动项目和调试目标。

无需执行任何额外步骤即可部署到本地开发计算机（Windows 桌面或带有 Xcode 的 macOS）。

面向 Android

如果你想使用 Android 仿真器，请按照以下步骤安装并创建仿真器：

1. 在终端中导航到 <YOUR_ANDROID_SDK_DIRECTORY>/cmdline-tools/11.0/bin/。

2. 使用 sdkmanager 安装仿真器。

   在 Windows 上的终端中运行以下命令：

   sdkmanager --install emulator
   sdkmanager --install "system-images;android-33;google_apis;x86_64"
   

   在 macOS 上的终端中运行以下命令：

   ./sdkmanager --install emulator
   ./sdkmanager --install "system-images;android-33;google_apis;x86_64"
   

   注意

   必须在 sdkmanager 命令行参数的两侧添加引号。

3. 然后，可以使用 Android 的 avdmanager 在命令行上创建新的仿真器。

   在 Windows 上的终端中运行以下命令：

   avdmanager create avd -n MyAndroidVirtualDevice-API33 -k "system-images;android-33;google_apis;x86_64"
   

   在 macOS 上的终端中运行以下命令：

   ./avdmanager create avd -n MyAndroidVirtualDevice-API33 -k "system-images;android-33;google_apis;x86_64"
   

   注意

   必须在 avdmanager 命令行参数的两侧添加引号。

还可以在物理 Android 设备上进行调试。

目标 iOS

iOS 模拟器内置于 Xcode 中。 若要下载模拟器，请确保在首次启动 Xcode 时选择安装模拟器的选项，或者导航到“Xcode”>“设置”>“平台”，然后选择要安装的模拟器运行时。

若要使用 iOS 设备进行调试，请在尝试调试之前执行以下步骤：

1. 在“Xcode”>“设置”>“帐户”中指定你的 Apple ID。
2. 如果你购买的是 Apple 开发人员计划，请在团队的配合下注册设备。
3. 在设备上启用开发人员模式，如在设备上启用开发人员模式中所述。 首次运行应用时，设备上可能会显示一个弹出窗口 - 请确保选择“允许”。

调试应用

若要调试应用，请导航到 Visual Studio Code 的“运行和调试”菜单，然后选择“运行和调试”按钮。 或者，可以按 F5 启动调试会话。 如果 Visual Studio Code 提示你选择调试器，请确保选择“C#”。

注意

在扩展的预览版中，调试器列为 .NET MAUI。 在稳定版中，此配置已由 C# 取代。

调试器将自动选择你在大括号“{ }”菜单中设置的调试目标和启动项目。 如果你未选择任何设置，系统将提示你选择调试目标。

应用开始调试后，可以使用内置的 Visual Studio Code 调试工具设置断点、逐步执行代码等。

了解详细信息

如果你在使用该扩展时遇到任何问题，可以按照故障排除步骤操作、查看已知问题或提供反馈。

后续步骤

本教程介绍了如何创建和运行第一个 .NET Multi-platform App UI (.NET MAUI) 应用。

若要了解使用 .NET MAUI 生成应用的基础知识，请参阅创建 .NET MAUI 应用。 或者，如需完整的 .NET MAUI 培训课程，请参阅使用 .NET MAUI 生成移动和桌面应用。