如何将从 NuGet 引导程序包下载的内容添加到 wwwroot？答案

【问题标题】：How can I add downloaded from NuGet bootstrap package to wwwroot?如何将从 NuGet 引导程序包下载的内容添加到 wwwroot？
【发布时间】：2018-05-27 14:34:11
【问题描述】：

我刚刚从 NuGet 下载了引导程序包，但我不明白如何在 /wwwroot/... 中实际找到它，无论它应该是什么（ASP.NET Core 2.X MVC 项目）。我没有使用 VisualStudio 的经验，我猜它可能会在 VS 的情况下自动生成。我可以在 Rider 中做什么？

【问题讨论】：

标签： nuget asp.net-core-2.0 rider

【解决方案1】：

在 VisualStudio 和 Rider 中都有许多工具可以安装客户端软件包，例如 JQuery、bootstrap、AngularJs 等。由于 Asp.Net Core 项目不允许您将 NuGet 包管理器用于客户端依赖项，您应该使用 NPM、yarn、webpack 或对于 Visual Studio 用户，您可以使用轻量级客户端库管理器（LibMan）端库获取工具。我将为在 Mac 或 Linux 环境中使用 JetBrains Rider 的开发人员解释 NPM 的用法，为 Visual Studio 用户解释 LibMan 的用法。如果它的版本较低，您可以从同一屏幕进行更新。

对于 Visual Studio 用户：为了能够使用 LibMan，您应该拥有 VS 2017 版本 15.8 或更高版本。您可以从选项卡帮助 -> 关于 Microsoft Visual Studio 中检查它。完成后，右键单击项目并选择添加 -> 客户端库。选择 cdnjs 提供程序并在库文本框中键入要安装的包的名称（引导程序、JQuery 等），然后单击安装按钮。安装后，您将看到在 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"/>

并在正文中用 div 封装 @RenderBody 并使用引导类（我使用容器）来查看您的更改是否已应用。

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

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

【讨论】：

【解决方案2】：

对于 .NET Core Web 项目，您不能使用 NuGet 安装客户端依赖项，例如 Bootstrap；相反，您必须使用 web 包管理器，例如 Bower（同时已弃用）或 yarn 或 npm 和 webpack。 NuGet 仅适用于服务器端依赖项。

【讨论】：

【解决方案3】：

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

【讨论】：