Ant Design Blazor 快速创建项目

1.文章背景

按照Ant Design Blazor官网的快速上手完成所有步骤后，home页的按钮点击无反应(且部分步骤的文件名称与本地项目存在出入)，记录一下基于本地开发环境的快速上手步骤，供后续的小伙伴参考

2.本地开发环境

VS版本：VS2022
.NET版本：.NET8.0.108
Ant Design Blazor版本：0.20.4.2

3.快速上手步骤

1.打开VS2022，新建Blazor Web App项目

2.安装Ant Design Blazor的组件
我直接用nuget程序包安装的

安装成功后，项目同名的文件下会自动添加下面的内容

3.在Program.cs文件，注册AntDesign

4.在 _Imports.razor 中加入命名空间

5.为了动态地显示弹出组件，需要Components/Routes.razor中添加一个 组件。

6.在Components/App.razor文件，添加AntDesign的JS、CSS、渲染形式(重要！)

7.测试
在home页面加入按钮，按钮的点击函数中包含计数器及弹窗

页面显示效果如下：