這篇文章給大家介紹Bootstrap中Blazor組件如何使用，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

巢湖ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書未來市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)公司的ssl證書銷售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書合作）期待與您的合作！

1、安裝模板

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

2、使用項(xiàng)目模板創(chuàng)建新項(xiàng)目

dotnet new bbapp

bbapp 是 BootstrapBlazor App 的縮寫

3、卸載項(xiàng)目模板

dotnet new -u Bootstrap.Blazor.Templates

現(xiàn)有項(xiàng)目中集成 BootstrapBlazor

1、從 Nuget.org 獲取 BootstrapBlazor 包

dotnet add package BootstrapBlazor

2、添加樣式文件與腳本到項(xiàng)目文件中 Pages/_Host.cshtml (Server) or wwwroot/index.html (WebAssembly)

HTML

    . . .
    


    . . .
    
    

3、注冊(cè)服務(wù) ~/Startup.cs

C#

namespace BootstrapBlazorAppName
{
    public class Startup
    {
        public void ConfigureServices(IServiceCollection services)
        {
            //more code may be present here
            services.AddBootstrapBlazor(); 
        }

        //more code may be present here
    }
}

Visual Studio 插件

安裝 Visual Studio 插件

安裝包

下載地址

https://gitee.com/Longbow/BootstrapBlazorVsix/raw/master/dist/BootstrapBlazor.UITemplate-5.0.0.zip

使用教程

1、下載安裝包

2、解壓縮安裝包

3、安裝 vsix 插件

雙擊 BootstrapBlazor.UITemplate.vsix 文件，請(qǐng)保證 Visual Studio IDE 以及相關(guān)進(jìn)程均關(guān)閉，此安裝包安裝過程可能很慢，請(qǐng)耐心等待

特別注意

如果長(zhǎng)時(shí)間無響應(yīng)，請(qǐng)查看任務(wù)管理器中是否有 devenv.exe 或者 msbuild.exe 進(jìn)程，如果有請(qǐng)手動(dòng)結(jié)束

4、打開 Visual Studio 2019

5、選中 Server 或者 WebAssembly 工程直接運(yùn)行 F5

關(guān)于Bootstrap中Blazor組件如何使用就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。