如何在 Visual Studio 2017 中使用 bower 包

Question

在 vs2017 中使用 bower 包管理器面临两个困难

1. 在Visual Studio 2017中，bower.json下找不到.bowerrc文件，那么如何设置目录属性呢？通过Manage Bower Packages UI安装后，包将文件存储在bower_components文件夹中

2. 如何使用这些包，就像在以前的版本（如 VS 2013）中，在 BundleConfig.cs 中编写语法来管理客户端包，如下所示。现在在 VS 2017 中，如何在 C# Core 2 ASP.NET MVC 项目中使用这些包？

BundleConfig.cs:

public class BundleConfig
{
    public static void RegisterBundles(BundleCollection bundles)
    {
        bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
                    "~/bower_components/jquery/dist/jquery.js",
                    "~/bower_components/jquery-file-upload/js/vendor/jquery.ui.widget.js",
                    "~/bower_components/jquery-file-upload/js/jquery.fileupload.js",
                    "~/bower_components/jquery-file-upload/js/jquery.iframe-transport.js")); 
    }
}

Answer 1

作为手动创建最初为空的 bower.json 文件的建议的替代方法：

• 在 Visual Studio 中右键单击 Web 应用程序项目并选择 Open Command line > Default (CMD)、Developer Command Prompt 或 PowerShell。

• 如果您没有安装 bower，请在命令提示符中运行命令 npm install -g bower（需要 npm）。

• 运行命令bower init 并按照将创建bower.json 文件的说明进行操作。

如果您对set currently installed components as dependencies ? 回答“是”并且您已经在bower_components 文件夹中安装了软件包，它将自动将它们作为依赖项添加到bower.json 文件中。

Answer 2

Right click your project solution -> Add New Item -> select Web on the left -> select Bower Configuration File on the list -> Add

现在您可以通过右键单击您的解决方案 -> 管理 bower 包来安装新的 bower 包。

更多详情如下：

Answer 3

我遇到了同样的问题。

在与bower.json 文件相同的文件夹中，创建名为.bowerrc 的文件。在里面粘贴：

{
  "directory": "wwwroot/lib"
}