本文介绍了使用咕噜，鲍尔，咕嘟咕嘟，NPM与Visual Studio 2015年的4.5 ASP.NET项目的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

的Visual Studio 2015年都内建支持像咕噜，鲍尔，咕嘟咕嘟NPM和ASP.NET的5个项目的工具。

Visual Studio 2015 comes with built in support for tools like Grunt, Bower, Gulp and NPM for ASP.NET 5 projects.

然而，当我使用Visual Studio 2015年创建ASP.NET项目4.5.2不使用这些工具。我想用鲍尔代替的NuGet来管理客户端软件包。

However when I create a ASP.NET 4.5.2 project using Visual Studio 2015 it doesn't use these tools. I'd like to use bower instead of nuget to manage client side packages.

我可以找到有关使用这些工具与Visual Studio 2013的信息（见this例如问题）。但我想这个程序是为Visual Studio 2015年不同，因为它已经内置了对这些工具的支持。

I can find information about using these tools with Visual Studio 2013 (see this question for example). But I guess the procedure is different for Visual Studio 2015 since it has built in support for these tools.

推荐答案

是正确的，它仍然我花了相当长的一段时间来弄清楚它是如何实际进行。所以这是我一步一步的指导，从一个新的ASP.NET MVC 4.5.2启动项目。该指南包括客户端软件包管理使用凉亭，但不（还）盖捆绑/咕噜/一饮而尽。

While Liviu Costea's answer is correct, it still took me quite some time to figure out how it is actually done. So here is my step-by-step guide starting from a new ASP.NET 4.5.2 MVC project. This guide includes client-side package management using bower but does not (yet) cover bundling/grunt/gulp.

创建一个新的ASP.NET项目4.5.2（MVC模板）与Visual Studio 2015年。

Create a new ASP.NET 4.5.2 Project (MVC Template) with Visual Studio 2015.

卸载以下的NuGet包：

Uninstall the following Nuget Packages:

引导

Microsoft.jQuery.Unobstrusive.Validation

jQuery.Validation

的jQuery

Microsoft.AspNet.Web.Optimization

WebGrease

ANTLR的

Modernizr的

响应

从项目中删除 App_Start \\ BundleConfig.cs 。

删除

using System.Web.Optimization;

和

BundleConfig.RegisterBundles(BundleTable.Bundles);

从的Global.asax.cs

删除

<add namespace="System.Web.Optimization"/>

从视图\\ Web.config文件

删除组件绑定 System.Web.Optimization 和 WebGrease 从的Web.config

添加新的的package.json 文件到项目（ NPM配置文件项模板）

Add new package.json file to project (NPM configuration file item template)

添加亭子到 devDependencies ：

{
  "version": "1.0.0",
  "name": "ASP.NET",
  "private": true,
  "devDependencies": {
    "bower": "1.4.1"
  }
}

凉亭包将自动安装在的package.json 保存。

添加新的 bower.json 文件项目（鲍尔配置文件项模板）

Add new bower.json file to project (Bower Configuration file item template)

添加引导， jQuery的验证 - 不显眼， Modernizr的和响应来的依赖关系：

Add bootstrap, jquery-validation-unobtrusive, modernizr and respond to dependencies:

{
  "name": "ASP.NET",
  "private": true,
  "dependencies": {
    "bootstrap": "*",
    "jquery-validation-unobtrusive": "*",
    "modernizr": "*",
    "respond": "*"
  }
}

这些程序包和它们的依赖会自动安装时 bower.json 保存。

替换

@Styles.Render("~/Content/css")

与

<link rel="stylesheet" href="~/wwwroot/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/Content/Site.css" />

步骤5.2

替换

@Scripts.Render("~/bundles/modernizr")

与

<script src="~/wwwroot/lib/modernizr/modernizr.js" ></script>

步骤5.3

替换

@Scripts.Render("~/bundles/jquery")

与

<script src="~/wwwroot/lib/jquery/dist/jquery.min.js"></script>

步骤5.4

替换

@Scripts.Render("~/bundles/bootstrap")

与

<script src="~/wwwroot/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/wwwroot/lib/respond/dest/respond.min.js"></script>

第六步（修改其它来源）

在所有其他视图替换

Step 6 (Modify other sources)

In all other Views replace

@Scripts.Render("~/bundles/jqueryval")

与

<script src="~/wwwroot/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/wwwroot/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

使用咕噜

使用咕噜，鲍尔，咕嘟咕嘟，NPM与Visual Studio 2015年的4.5 ASP.NET项目