如何在Visual Studio 2017中使用bower包

Question

面对vs2017中的bower包管理器面临的两个困难

1. 在Visual Studio 2017中,找不到任何.bowerrc文件bower.json,那么如何设置目录属性？通过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创建名为的文件.bowerrc.贴在里面:

{
  "directory": "wwwroot/lib"
}

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 文件的建议的替代方案，该文件将开始为空：

• 在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文件中的依赖项。