如何在ASP.NET Core中使用Bootstrap 4




asp.net-core nuget (7)

我想用NuGet更新ASP.NET Core中的Bootstrap。 我用过这个:

Install-Package bootstrap -Version 4.0.0

它确实添加了依赖项,但我现在如何将它添加到我的项目中? 本地NuGet依赖的路径是什么?


BS4现在可以在 .NET Core 2.2上使用 。 在SDK 2.2.105 x64安装程序上肯定。 我用它运行Visual Studio 2017。 到目前为止,新的Web应用程序项目非常好。


Libman似乎是微软现在首选的工具。 它集成在Visual Studio 2017(15.8)中。

Libman 介绍如何使用它,甚至如何设置由构建过程执行的还原。

Bootstrap的文档 告诉您项目中需要哪些文件。

以下示例应作为libman.json的配置。

{
  "version": "1.0",
  "defaultProvider": "cdnjs",
  "libraries": [
  {
    "library": "[email protected]",
    "destination": "wwwroot/lib/bootstrap",
    "files": [
    "js/bootstrap.bundle.js",
    "css/bootstrap.min.css"
    ]
  },
  {
    "library": "[email protected]",
    "destination": "wwwroot/lib/jquery",
    "files": [
      "jquery.min.js"
    ]
  }
]

}



使用nmp配置文件(将其添加到您的Web项目中),然后以与使用bower.json和save相同的方式添加所需的包。 Visual Studio将下载并安装它。 您将在项目的nmp节点下找到该包。


尝试 Libman ,它就像Bower一样简单,你可以指定wwwroot / lib /作为下载文件夹。


我们在asp.net核心中使用bootstrap 4,但是使用“Package Installer”扩展来引用“npm”中的库,发现这比Jget / CSS库的Nuget更好。

然后,我们使用“Bundler&Minifier”扩展将相关文件(从位于项目外部的npm node_modules文件夹)复制到我们喜欢的开发/部署的wwwroot中。


看看这个,似乎LibMan方法最适合我的需求,添加了Bootstrap。 我喜欢它,因为它现在内置于Visual Studio 2017(15.8或更高版本)并具有自己的对话框。

VS添加到项目的默认方法使用Bower,但看起来它正在出路。 在Microsofts bower 页面的标题中,他们写道:

在几个链接之后导致 在Visual Studio 使用LibMan和ASP.NET Core ,它 shows 如何使用内置对话框添加库:

在“解决方案资源管理器”中,右键单击要添加文件的项目文件夹。 选择“添加”>“客户端库”。 将出现“添加客户端库”对话框:[来源: shows ]

然后对于bootstrap,只需(1)选择unpkg,(2)键入“bootstrap @ ..”(3)安装。 在此之后,您只需要验证_Layout.cshtml中的所有包含或其他地方是否正确。 它们应该像 href =“〜/ lib / bootstrap / dist / js / bootstrap ...”





asp.net-core-2.0