BootstrapBlazor 使用模板创建项目

虚幻大学 xuhss 324℃ 0评论

Python微信订餐小程序课程视频

https://edu.csdn.net/course/detail/36074

Python实战量化交易理财系统

https://edu.csdn.net/course/detail/35475
原文连接:https://blog.csdn.net/ysmc/p/16101157.html

BootstrapBlazor 官网地址:https://www.blazor.zone

  BootstrapBlazor 提供了一个项目模板,以便大家快速创建项目,废话不多说;

模板安装

  模板安装分为两种方式,手动下载插件安装 与 命令行安装

1、手动下载安装插件

  首先到微软插件中心下载项目模板,传送门,同时下方也是有对应的教程的,获取可以到项目的开源库上查看Wiki,本项目托管在Gitee上,Wiki 传送门

目前最新的项目模板 已升级到 net6 仅支持 visual studio 2022,这点请大家注意;

ba81381fa43dda537abb1dd0c8db64d2 - BootstrapBlazor 使用模板创建项目

  下载完成后双击打开文件,进行安装,进行前请先退出掉 vVsual Studio

d1ecf0c4f5079bd8ae80a863861dafcc - BootstrapBlazor 使用模板创建项目

f7248af85579821c50dae4df41cd46dd - BootstrapBlazor 使用模板创建项目

点击 Install,等待安装完成即可,这里可能会出现卡很久,或者直接卡死的情况,这个是微软的bug,呼出 任务管理器 关掉重新来就可以了;

e5e3e963d729ad961b634ac3b313547e - BootstrapBlazor 使用模板创建项目

da8b0c1423a95a61fd4c453efce3592f - BootstrapBlazor 使用模板创建项目

2、命令行安装

  相对于手动下载模板插件方式,命令行明显简单太多, 一行命令就完事了

dotnet new -i Bootstrap.Blazor.Templates::6.4.1

使用模板创建项目

  打开 Visual Studio 2022,点击创建新项目,选择刚刚安装好的 Bootstrap Blazor Project Template 模板

c63e7fa2d7e93563b12f475842741920 - BootstrapBlazor 使用模板创建项目

58ef7c95ec47362c571c742bd9c8642c - BootstrapBlazor 使用模板创建项目

填写好项目信息后,点击创建就可以啦

5a9a5d1fc88ec946b3f80d62ce2dc3c0 - BootstrapBlazor 使用模板创建项目

这是模板创建好的解决方案目录结构,建议组件都写在 Shared 工程里,方便兼容 SSR 与 Wasm 两种模式,模板都已经为你想好创建好了!

998f9db29b013ce5da008c355b311d7c - BootstrapBlazor 使用模板创建项目

运行项目

  直接无脑 F5 ,我们先一睹为快

bb902ca870105ac06287b39f7ad4a6e3 - BootstrapBlazor 使用模板创建项目

可以看到,基本的一个项目就出来, 有左侧的菜单,右上角的消息组件,是不是非常的方便!而且不要忽略了右上角的设置按钮,它提供了各种的设置,满足你的项目所需

7e060ab17043c9237d14c550780b5d34 - BootstrapBlazor 使用模板创建项目

好了,至此,你就可以愉快的开快了,是不是很爽!

写在最后

  希望大佬们看到这篇文章,能给项目点个star支持下,感谢各位!

star流程:

1、访问点击项目链接:BootstrapBlazor [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mC0AFFlz-1649092293662)(https://gitee.com/LongbowEnterprise/BootstrapBlazor/badge/star.svg?theme=gvp)]

2、点击star,如下图,即可完成star,关注项目不迷路:

558ff03e02e524390c654191a24a1ddf - BootstrapBlazor 使用模板创建项目

另外还有两个GVP项目,大佬们方便的话也点下star呗,非常感谢:

  BootstrapAdmin 项目地址:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SR2Jf7ff-1649092293664)(https://gitee.com/LongbowEnterprise/BootstrapAdmin/badge/star.svg?theme=gvp)]  https://gitee.com/LongbowEnterprise/BootstrapAdmin  SliderCaptcha 项目地址:[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5Sr387SJ-1649092293665)(https://gitee.com/LongbowEnterprise/SliderCaptcha/badge/star.svg?theme=gvp)]  https://gitee.com/LongbowEnterprise/SliderCaptcha

交流群(QQ)欢迎加群讨论

   BA & Blazor ①(795206915)        BA & Blazor ②(675147445)

ef368515be577477ce82ece61a1e2886 - BootstrapBlazor 使用模板创建项目198144ea49ca357f6beb376412046881 - BootstrapBlazor 使用模板创建项目

转载请注明:xuhss » BootstrapBlazor 使用模板创建项目

喜欢 (0)

您必须 登录 才能发表评论!