MacOS|CA周记 | 用 VS Code 做基于 .NET MAUI 跨平台移动应用开发环境|Code|Studio|Visua

点击上方蓝字
关注我们
（本文阅读时间：6分钟)
2010年起，移动应用开发是非常热门的一个方向，从技术上我们经历了原生应用开发，基于 H5 的 Web App ，还有混合模式的移动应用开发，再到跨平台移动应用开发。 .NET 除了是一个跨平台的应用外，也是一个跨应用场景的平台。 .NET 的移动应用方案最开始基于 Mono ，从 MonoTouch 到 MonoDroid ，到跨平台移动应用方案 Xamarin ，再到现在整合到 .NET 6 的 MAUI 。通过 .NET MAUI 你可以通过一份代码，一个项目快速构建具备原生性能的 iOS/Android/Windows/MacOS /Linux 应用。

文章图片

Visual Studio Code 的MAUI 环境安装
为什选择么mnehsiew新闻推荐属于一种特殊的个性化推荐，相比于商品、电影等内容的推荐，新闻事件每时每刻都在更新，对于系统来说每条新闻都是全新的内容，这就使得系统无法获得足够的用户交互数据来训练推荐模型，因此，必须从新闻本身出发，加强对内容的理解。尽管之前也有针对新闻推荐的算法模型，但那些模型给用户推荐的往往是同质化的新闻，极易造成用户反感，难以精准匹配用户对新闻的实际需求。
官方现在基本上都是推荐用最新预览版本的 Visual Studio 2022 在 Windows 平台上做开发， macOS 的 Visual Studio 支持 MAUI 还没有准备好！记得 2020 年 Build 大会上微软是有展示过在 Visual Studio Code 上开发的，当时我也非常期待，但一直没有下文。实际上，在 Visual Studio Code 上的 .NET 跨平台开发组件已经有了，通过开源项目存在。要用 Visual Studio Code 开发 MAUI ，请按照以下步骤来完成：
.NET 6 环境安装
安装最新的 .NET 6
MAUI 环境安装
无论你在 Windows/macoOS 建议使用 maui-check 对 MAUI 所需要的环境进行安装，这里面包含了 Android SDK/iOS SDK 等相关配置的检查。
在命令行安装 maui-check
dotnet tool install -g Redth.Net.Maui.Check
在终端执行 maui-check
maui-check
如下图， maui-check 会对你对你系统里依赖的如 JDK, Android SDK, Xcode ， Visual Studio ， .NET SDK 以及 MAUI 相关的包等环境扫描一次，如果缺少，他会提示你安装。

文章图片

用 .NET Tools 安装 Comet
Comet 是 .NET 基于 MVU 设计模式的前端实现框架，你可以把它应用于 Windows ， Android ， iOS ， macOS ， Blazor 应用开发中。可复制下方链接了解更多。
什么是 MVU ?
MVU (Model-View=Update) 是一种功能响应式编程、架构设计模式。在 MVU 中 UI 是不可变的，所以每次你想更新一个属性时，你都必须重建你的 UI ，不变性是函数式编程的特性。 C# 9.0 后支持函数式编程范式， UI 和业务都使用相同的语言（例如 C#）编写。数据流是单向的，它非常适合应用程序的热重载。您不需要学习 XAML 来开发 UI ，而是用一种语言开发完整的应用程序。如下代码，通过描述式表达完成了页面和逻辑构建：

publicclassMyPage: View{readonlyState< int> clickCount = newState< int> ( 1);
publicMyPage( ) { Body = => newVStack { newText ( => $"Click Count: {clickCount}" ), newButton( "Update Text", => { clickCount.Value++;}};}}
安装 Comet for Visual Studio Code 组件

MacOS|CA周记 | 用 VS Code 做基于 .NET MAUI 跨平台移动应用开发

文章图片

安装最新的.NET 6 https://link.zhihu.com/?target=https%3A//dotnet.microsoft.com/en-us/download
maui-check https://link.zhihu.com/?target=https%3A//github.com/Redth/dotnet-maui-check
了解更多 Comet 的操作 https://link.zhihu.com/?target=https%3A//github.com/dotnet/comet

通过 Visual Studio Code 管理你的 MAUI 项目
新闻推荐属于一种特殊的个性化推荐，相比于商品、电影等内容的推荐，新闻事件每时每刻都在更新，对于系统来说每条新闻都是全新的内容，这就使得系统无法获得足够的用户交互数据来训练推荐模型，因此，必须从新闻本身出发，加强对内容的理解。尽管之前也有针对新闻推荐的算法模型，但那些模型给用户推荐的往往是同质化的新闻，极易造成用户反感，难以精准匹配用户对新闻的实际需求。
请按照以下步骤来完成：
通过命令行创建一个 MAUI 项目

mkdirmauidemocdmauidemodotnetnew comet通过命令行深度运营该项目

dotnet build mauidemo -t:Run -f net6.0-androiddotnet build mauidemo -t:Run -f net6.0-ios运行结果如下：

文章图片

用 Visual Studio Code 打开该项目
打开后， Comet 组件就会检测你的 MAUI 项目，我们可以看到左下角
你可以点击选择选择相关的运行环境
选择 iOS/Android 直接在 Visual Studio Code 中运行和调试
打开后， Comet 组件就会检测你的 MAUI 项目，我们可以看到左下角，系统会检测到相关的环境，并且可以选择你要运行的设备

文章图片

设置一个断点看看

文章图片

注意：

Comet for .NET Mobile 组件还在开发中，在 MAUI Preview 13 的版本上 Visual Studio Code 不能成功加载 Android 设备，所以例子以 iOS 为主。
在 Windows 环境下，如果要调试 iOS 程序，还是得用 Visual Studio 和 macOS 做链接，具体方式可以点击下方链接了解。

了解如何用 Visual Studio 和 macOS 做链接 https://docs.microsoft.com/zh-cn/xamarin/ios/get-started/installation/windows/connecting-to-mac/

HotReload 作为补充
新闻推荐属于一种特殊的个性化推荐，相比于商品、电影等内容的推荐，新闻事件每时每刻都在更新，对于系统来说每条新闻都是全新的内容，这就使得系统无法获得足够的用户交互数据来训练推荐模型，因此，必须从新闻本身出发，加强对内容的理解。尽管之前也有针对新闻推荐的算法模型，但那些模型给用户推荐的往往是同质化的新闻，极易造成用户反感，难以精准匹配用户对新闻的实际需求。 https://docs.microsoft.com/zh-cn/xamarin/ios/get-started/installation/windows/connecting-to-mac/
之前提过 Comet 创建的项目是基于 MVU 模式，界面和业务都是基于函数式的方式去完成。这个时候 HotReload 就非常重要了，可以所编即所得，这也是对 Visual Studio Code 开发 MAUI 应用的补充，接下来我也介绍一下。
Reloadify 安装
Reloadify 3000 是一个支持 HotReload 的 .NET 组件，已经内置于 Comet 的 MAUI 项目中。安装脚本如下：

dotnet tool install--global Reloadify设置
进入项目，输入如下命令：
iOS

reloadifymauiappdemo.csproj-tiosAndroid

reloadifymauiappdemo.csproj-tandroid之后你就可以在 Visual Studio Code 下编写代码间同步你的代码在模拟器, 实现所编即所得的 HotReload 功能

文章图片

最后给大家看看我用 Visual Studio Code 完成的 MAUI Demo

文章图片

展望
新闻推荐属于一种特殊的个性化推荐，相比于商品、电影等内容的推荐，新闻事件每时每刻都在更新，对于系统来说每条新闻都是全新的内容，这就使得系统无法获得足够的用户交互数据来训练推荐模型，因此，必须从新闻本身出发，加强对内容的理解。尽管之前也有针对新闻推荐的算法模型，但那些模型给用户推荐的往往是同质化的新闻，极易造成用户反感，难以精准匹配用户对新闻的实际需求。
通过 Visual Studio Code 开发 MAUI 应用是值得期待的，也为 MAUI 拓宽了开发场景，结合 Hot Reload 会让跨平台应用开发更有效率。我期待正式版本能和 MAUI 的正式版本有更好的结合。
Microsoft Cloud Advocate 是微软云计算布道师，会推广最新，最热门的技术，以及IT相关领域的知识和相关IT故事。 CA周记都会从CA的视角，每周和大家说说布道技术的故事。
关注微软中国MSDN
【MacOS|CA周记 | 用 VS Code 做基于 .NET MAUI 跨平台移动应用开发】了解更多.NET MAUI