机遇屋-Visual Studio Code 安装 .NET MAUI

Visual Studio Code 安装 .NET MAUI

作者：ych

NET 除了是一个跨平台的应用外， 也是一个跨应用场景的平台。.NET 的移动应用方案最开始基于 Mono , 从 MonoTouch , 到 MonoDroid ，到跨平台移动应用方案 Xamarin , 再到现在整合到 .NET 6 的 MAUI。通过 .NET MAUI 你可以通过一份代码，一个项目快速构建具备原生性能的 iOS / Android / Windows / MacOS / Linux 应用。

### 安装
官方现在基本上都是推荐用最新预览版本的 Visual Studio 2022 在 Windows 平台上做开发，macOS 的 Visual Studio 支持 MAUI 还没有准备好！记得 2020 年 Build 大会上微软是有展示过在 Visual Studio Code 上开发的， 当时我也非常期待， 但一直没有下文。实际上， 在 Visual Studio Code 上的 .NET 跨平台开发组件已经有了， 通过开源项目存在。要用 Visual Studio Code 开发 MAUI ，请按照以下步骤来完成：

#### 1  .NET 6 环境安装
点击该链接 [Download .NET (Linux, macOS, and Windows)](https://dotnet.microsoft.com/en-us/download "Download .NET (Linux, macOS, and Windows)") 安装最新的 .NET 6

#### 2  MAUI 环境安装
无论你在`Windows / macoOS`建议使用 maui-check ([GitHub - Redth/dotnet-maui-check: .NET MAUI Check tool](https://github.com/Redth/dotnet-maui-check "GitHub - Redth/dotnet-maui-check: .NET MAUI Check tool")) 对 MAUI 所需要的环境进行安装，这里面包含了`Android SDK / iOS SDK`等 相关配置的检查

在命令行安装 maui-check
```
dotnet tool install -g Redth.Net.Maui.Check
```
#### 失败的话需要安装对应版本的sdk
[.net sdk](https://dotnet.microsoft.com/en-us/download/dotnet/6.0 ".net sdk")

#### <span style='text-decoration: line-through;'> 安装工作负载(暂时用不到忽略掉好了) </span>
[doc](https://docs.microsoft.com/zh-cn/dotnet/core/tools/dotnet-workload-install "doc")
```
dotnet workload install maui
dotnet workload install maui-android maui-ios
dotnet workload install maui-windows
dotnet workload update
```
#### 卸载
```
dotnet workload uninstall maui-windows
```

在终端执行 maui-check
```
maui-check
```
`maui-check`会对你对你系统里依赖的如`DK , Android SDK , Xcode , Visual Studio`，`.NET SDK`以及`MAUI`相关的包等环境扫描一次，如果缺少，他会提示你安装.
#### 3  用 .NET Tools 安装 Comet

Comet 是 .NET 基于 MVU 设计模式的前端实现框架， 你可以把它应用于`Windows , Android , iOS , macOS , Blazor`应用开发中。你可以从 [GitHub - dotnet/Comet: Comet is an MVU UIToolkit written in C# ](https://github.com/dotnet/comet "GitHub - dotnet/Comet: Comet is an MVU UIToolkit written in C# ")了解更多。
安装Comet for Visual Studio Code 组件
##### 什么是 MVU ?
MVU (Model-View=Update) 是一种功能响应式编程、架构设计模式。 在 MVU 中 UI 是不可变的。 所以每次你想更新一个属性时，你都必须重建你的 UI。 不变性是函数式编程的特性。 C# 9.0 后支持函数式编程范式。 UI 和业务都使用相同的语言（例如 C#）编写。 数据流是单向的。 它非常适合应用程序的热重载。 您不需要学习 XAML 来开发 UI，而是用一种语言开发完整的应用程序。 如下代码, 通过描述式表达完成了页面和逻辑构建 
```
public class MainPage : View {
    class MyBindingObject : BindingObject {
        public bool CanEdit {
            get => GetProperty<bool> ();
            set => SetProperty (value);
        }
        public string Text {
            get => GetProperty<string> ();
            set => SetProperty (value);
        }
    }
 
    [State]
    readonly MyBindingObject state;
}
```
#### 4  安装Comet for Visual Studio Code 组件

### 通过Visual Studio Code 管理你的 MAUI 项目
创建模板
```
dotnet new --install Clancey.Comet.Templates.Multiplatform::0.4.344-beta
```
#### 1  通过命令行创建一个 MAUI 项目
```
mkdir mauidemo
cd mauidemo
dotnet new comet
```
#### 2 通过命令行尝试运行该项目
```
dotnet build mauidemo -t:Run -f net6.0-android
dotnet build mauidemo -t:Run -f net6.0-ios
```
### HotReload 作为补充

之前提过Comet创建的项目是基于MVU模式，界面和业务都是基于函数式的方式去完成。这个时候 HotReload 就非常重要了，可以所编即所得， 者也是对 Visual Studio Code 开发 MAUI 应用的补充 ， 接下来我也介绍一下。

#### 1  Reloadify 安装

Reloadify 3000 是一个支持HotReload 的 .NET 组件 ， 已经内置于 Comet 的 MAUI 项目中。安装脚本如下：
```
dotnet tool install --global Reloadify
```
#### 2  设置

进入项目，输入如下命令
iOS 
```
reloadify mauiappdemo.csproj -t ios
```
Android 
```
reloadify mauiappdemo.csproj -t android
```
之后你就可以在 Visual Studio Code 下编写代码间同步你的代码在模拟器, 实现所编即所得的 HotReload 功能.

评论区

先去登录

Visual Studio Code 安装 .NET MAUI

相关推荐

评论区