如何在Rider中将NuGet下载的Bootstrap包添加至ASP.NET Core 2.X MVC项目的wwwroot？

嘿，别担心！在Rider里配置Bootstrap其实和VS的思路差不多，只是需要手动完成一些VS自动做的步骤，我给你详细拆解下：

方法一：手动复制NuGet包文件到/wwwroot #

1. 找到Bootstrap的NuGet包文件
   Rider不会自动把NuGet里的客户端库复制到/wwwroot，所以得先找到本地安装的Bootstrap文件。你可以右键项目 → Manage NuGet Packages，找到已安装的Bootstrap，查看它的安装路径（一般在你的用户目录下，比如C:\Users\[你的用户名]\.nuget\packages\bootstrap\[你的版本号]）。
   进入这个目录后，找到dist文件夹，里面包含了Bootstrap的核心文件：css/、js/、fonts/（旧版本Bootstrap会有字体文件）。

2. 复制文件到项目的/wwwroot目录
   在你的ASP.NET Core项目里，找到wwwroot文件夹，没有css、js文件夹的话就新建一个，然后把Bootstrap的dist/css/bootstrap.min.css（压缩版，加载更快）复制到wwwroot/css，dist/js/bootstrap.min.js复制到wwwroot/js，字体文件（如果有）复制到wwwroot/fonts。

3. 在布局文件中引用Bootstrap
   打开Views/Shared/_Layout.cshtml（这是MVC项目的默认全局布局文件），在<head>标签内添加CSS引用：

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

   然后在</body>标签之前添加JS引用（注意Bootstrap依赖jQuery，你需要先安装jQuery NuGet包，同样把它的dist/jquery.min.js复制到wwwroot/js，再先引用jQuery）：

   <script src="~/js/jquery.min.js"></script>
   <script src="~/js/bootstrap.min.js"></script>
   

方法二：用LibMan自动管理（更推荐） #

如果你不想手动复制文件，可以用Rider内置的LibMan工具来管理客户端库，步骤更省心：

1. 右键你的ASP.NET Core项目 → Add → Client-Side Library。
2. 在弹出的窗口中，选择cdnjs作为源，搜索bootstrap，选中你需要的版本，然后在Target location里设置为wwwroot/lib/bootstrap，点击Install。
3. 安装完成后，Bootstrap的文件会自动出现在wwwroot/lib/bootstrap/dist目录下，你可以直接在布局文件中引用：

   <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
   <script src="~/lib/jquery/dist/jquery.min.js"></script>
   <script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
   

最后检查 #

确保你的Startup.cs里已经添加了静态文件中间件（ASP.NET Core 2.X默认是有的），也就是Configure方法里有这一行：

app.UseStaticFiles();

这行代码允许项目访问wwwroot里的静态资源，没有它的话浏览器会找不到Bootstrap文件。

这样配置完，你就可以在视图里尽情使用Bootstrap的样式和组件啦！

内容的提问来源于stack exchange，提问作者Nikita Kal'chenko