VS Code可视化开发Avalonia

1.概要

最近在大家应该也看到了微软即将放弃Mac版的Visual sutdio的支持。那么这个时候大部分开发者都会考虑使用VS Code，那么在最近有了解到Avalonia团队在VS code中开放了一款可以支持Avalonia可视化编写UI的插件。这里分享一下这个插件如何使用以及，VS Code开发Avalonia的体验如何。

插件名称：Avalonia for VS Code

安装步骤：

• （1）安装插件

（2）创建项目：

创建一个新的Avalonia项目你需要从命令行创建一个新的Avalonia项目，扩展还没有办法从VS Code中创建一个新的项目。

您可以通过运行以下命令创建一个新的Avalonia应用程序:

dotnet new avalonia.app -o MyApp

这将为应用程序文件创建一个名为MyApp的新文件夹。您可以使用以下命令安装Avalonia项目模板，如果您还没有安装它们:

dotnet new install Avalonia.Templates

最后在VS Code中打开MyApp文件夹，打开任何axaml文件来激活扩展和代码完成。

（3）安装.NET 7

这里不管你基于.NET几的框架版本进行开发的，都需要安装.NET 7具体的原因我贴在了下面可以查看连接里的内容。

https://github.com/AvaloniaUI/Avalonia-VSCode-Extension/issues/4

（4）打开预览

点击右上角的放大镜即可开启UI预览，如果打开不能正常显示需要反复多点几次即可。这个时候我们就能边预览边开发Avalonia的应用程序。

（5）运行调试

看起来在VS Code开发Avalonia的应用支持的程度还是比较乐观的，虽说可能还会有些小问题但是随着后续的不断的完善应开发体验会更加流畅。

ref

https://marketplace.visualstudio.com/items?itemName=AvaloniaTeam.vscode-avalonia