Blazor-Ant Design of Blazor快速开始
近期准备选用个Blazor的前端UI框架来进行系统的开发,快速实现,准备从主流的UI组件框架中进行选择,我们先来看看你Ant Design of BLazor框架如何?
Ant Design Blazor 是一个基于 Blazor 框架的开源组件库,采用了 Ant Design 的设计风格。
快速开始
模板创建开始
官方提供了 dotnet new 模板来创建一个开箱即用的 Ant Design Pro 新项目:
安装模板
dotnet new --install AntDesign.Templates
运行:
从模板创建 Ant Design Blazor Pro 项目
dotnet new antdesign -o 项目名称
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
-f /–full | 如果设置这个参数,会生成所有 Ant Design Pro 页面 | bool | false |
-ho/–host | 指定托管模型 | ‘webapp’ /‘wasm’ /‘server’ | ‘webapp’ |
–styles | 指定样式构建类型 | css/less | css |
–no-restore | 如果设置这个参数,就不会自动恢复包引用 | bool | false |
运行
我们这里指定项目名称为MyAntDesignApp,并让他生成全部得Ant Design Pro 页面
dotnet new antdesign -o MyAntDesignApp -f
运行成功
运行项目
成功运行