Question

我刚刚从NuGet下载了bootstrap包，我不明白如何在/ wwwroot /中找到它...它应该是什么（ASP.NET Core 2.X MVC项目）。我没有使用VisualStudio的经验，我想它可能会在VS的情况下自动生成。我能在骑士身上做些什么？

Answer 1

有很多工具可以在VisualStudio和Rider中安装客户端程序包，例如JQuery，引导程序，AngularJs等。由于Asp.Net Core项目不允许您将NuGet软件包管理器用于客户端依赖项，因此应使用NPM，yarn，Web Pack或Visual Studio用户，因此可以使用轻量级客户端库管理器（LibMan）端库获取工具。我将为在Mac或Linux环境上使用JetBrains Rider的开发人员以及为Visual Studio用户使用LibMan的开发人员说明NPM的用法。如果是较低版本，则可以从同一屏幕进行更新。

对于Visual Studio用户：：要使用LibMan，您必须具有VS 2017 15.8版或更高版本。您可以从“帮助”->“关于Microsoft Visual Studio”选项卡中进行检查。完成后，右键单击“项目”，然后选择“添加”->“客户端库”。选择cdnjs provider，然后在库文本框中键入要安装的软件包的名称（bootstrap，JQuery等），然后单击Install按钮。安装完成后，您将在wwwroot文件夹中看到一个lib文件。您可以跳过Mac用户部分，以下部分，我也已经为绝对初学者解释了如何使用参考。

对于Mac / Jetbrains Rider用户：转到以下路径：查看->工具窗口->终端，然后运行“ npm install --save bootstrap”命令。由于没有package.json，您可能会遇到saveError。忽略它。

下载后（您可以直接从项目路径中进行检查），打开Finder并转到您的项目路径。创建一个名为lib的目录。（名称无关紧要，但该文件夹应位于wwwroot文件下）。从Node_Modules剪切bootstrap文件夹，并将其粘贴到您创建的lib文件中。

这部分对于Visual Studio和Jetbrains Rider用户都是相同的：

完成后，将以下链接（如果您使用其他路径，请使用该链接）添加到_Layout页眉（建议使用），或直接将引用添加到特定视图：

<link href="~/lib/bootstrap/dist/css/bootstrap.css" rel="stylesheet"/>

然后在正文中使用引导类（我使用了容器）将@RenderBody与div封装在一起，以查看是否应用了您的更改。

<div class="container">
    @RenderBody()
</div>

尝试在索引页上添加一些带有引导程序的HTML，看看是否可以使用引导程序。如果仍然看不到，则建议您进行提交更改（Command + K），并确保引导文件位于正确的路径下。

Answer 2

对于.NET Core webprojects，您不能使用NuGet来安装客户端依赖项，例如Bootstrap;相反，你必须使用一个Web包管理器，例如Bower（在此期间被删除）或yarn或npm和webpack。 NuGet仅适用于服务器端依赖项。

Answer 3

在VS for ASP.NET CORE中，所有包都放在“依赖项”中，而您的引导程序文件也保存在“ wwwroot-> lib-> bootstrap-> dist-> css”中。

如何将从NuGet bootstrap包下载的内容添加到wwwroot？

3 个答案: