如何在Visual Studio 2013中使用Bower作为包管理器？即我有一个.NET项目，想要添加一些使用Bower的包。

Question

我该如何在Visual Studio 2013中使用Bower作为包管理器？例如，我有一个.NET项目，想要添加一些使用Bower的包。我阅读了Scott Hanselman的帖子，但是不太清楚。我安装了插件。我需要使用包管理器控制台吗？我需要将Bower添加为包源吗？我的项目已经有一个package.json文件。如果我打开VS命令窗口并输入bower，则会收到消息：Command "bower" is not valid.

- Hoppe

---

如果你已经正确安装了Bower，请尝试使用PowerShell控制台。虽然我不知道为什么，但这对我有效。大概是魔法吧。 - user1228

我需要从NuGet软件包管理器安装Bower吗？我觉得需要一个软件包管理器来使用另一个软件包管理器很令人困惑。我已经使用NPM在本地安装了它。 - Hoppe

我首先使用默认设置安装了Node。然后使用“*https://”.insteadOf git://*配置设置安装了git。然后通过NPM安装了bower（和gulp）。Bower在powershell中“工作”；我会怀疑是某个配置设置，但我不知道是什么。VS的gulp扩展程序也可以正常工作。我不是这方面的专家，但我确实让它都“工作”了（有点）。 - user1228

Answer 1

如果我没错的话，任务资源管理器只是用来自动化构建任务的，结合grunt使用。获取NPM、Bower和Grunt都需要通过命令行手动进行。在安装了Hanselman博客中的东西之后，您需要从项目开始安装NPM，然后通过NPM添加bower和grunt。请按照以下步骤操作：

• 打开命令行并导航到您的项目文件夹（我的位于c:\dev\WebProject1）
• 在命令行上运行：npm init并填写问题（名称、描述等）
• 现在您可以通过nuget 安装bower：npm install bower -g
• 并为您的项目初始化bower（仍在命令行中），输入：bower init并填写您的项目默认值
• 最后，请使用bower 安装您的包：bower install angular --save

完成后，您可以在 Visual Studio 中包含生成的文件（package.json 和 bower.json），并在 index.html 页面中链接这些文件。

<script src="/bower_components/angular/angular.js"></script>

Visual Studio工具仅用于在Visual Studio中编辑bower.json和package.json。然后，您只需要运行bower install来安装新的或更改的包。

如果您想自动化一些构建任务，可以使用grunt开始自动化一些内容。参考：start with Grunt

编辑1： 我发现了John Papa的这篇文章。让您轻松上手 John Papa: Up and running with NodeJS ....

- markwilde