如何使用 Visual Studio 配置 bower？答案

【问题标题】：How do I configure bower with Visual Studio?如何使用 Visual Studio 配置 bower？
【发布时间】：2015-08-16 14:05:43
【问题描述】：

随着我的 Web 项目的复杂性不断增加，我意识到手动下载外部 JavaScript 库容易出错、耗时，并且随着时间的推移会降低项目的可维护性。

虽然 Visual Studio 有 NuGet 包管理器，但不如 bower 强大。此外，并非所有外部库都在 NuGet 上发布。

但是没有关于如何使用 Visual Studio 配置 bower 的明确帮助。请帮忙！

【问题讨论】：

标签： javascript node.js visual-studio bower bower-install

【解决方案1】：

随着我的 Web 项目的复杂性增加，我意识到手动下载外部 JavaScript 库容易出错、耗时，并且随着时间的推移会降低项目的可维护性。

虽然 Visual Studio 有 NuGet 包管理器，但不如 bower 强大。此外，并非所有外部库都在 NuGet 上发布。

所以，我决定冒险开始使用 bower。

我的项目结构现在更加简洁且易于维护。

这里我列出了步骤，我们需要用 Visual Studio 来配置 bower。

http://bower.io/#install-bower 上已经提供了使用 bower 的详细步骤。在这里我将列出我采取的步骤

—安装凉亭
— 使用 Visual Studio 进行配置
——下载一个示例包——（AngularJS）

Bower 需要 node、npm 和 git for windows。

在继续之前，请安装以下内容

git for windows – 从https://msysgit.github.io/ 安装
节点——从https://nodejs.org/安装
npm 是节点的一部分（无需任何额外步骤）

步骤#1

打开命令提示符并执行命令

npm install -g bower

如果您在公司代理服务器后面，上述步骤可能会失败。添加 npm 中的代理服务器设置，执行以下 2 个命令命令提示符

npm config set proxy http://proxy.myCompany.com:80

npm config set https-proxy http://proxy.myCompany.com:80

完成后，尝试安装再次凉亭

步骤#2

从命令提示符导航到您的 Visual Studio 项目文件夹。

执行命令

bower init

将此文件包含到 Visual Studio 项目中。您可能需要点击解决方案资源管理器菜单中的“显示所有文件”。

第 3 步

使用记事本创建一个 .bowerrc 文件，并将其保存在 Visual Studio 项目文件夹中

{
"directory": "scripts/bower_components",
"proxy":"http://proxy.myCompany.com:80",
"https-proxy":"http://proxy.myCompany.com:80"
}

将此文件包含到 Visual Studio 项目中。
编辑此文件以设置要下载的包的目录凉亭
如果您在公司代理后面工作，请添加代理服务器设置。否则删除代理和 https-proxy 的最后 2 行

步骤#4

要下载 AngularJs，请执行命令

bower install angular –save

这将在 bower.json 中添加一行。

步骤#5

包会默认下载到 bower_components 目录下。（或在.bowerrc文件中提到的目录下）

确保在 Visual Studio 项目中包含整个包目录。

点击显示所有文件
右键单击新下载的包并单击“包含在项目”

步骤#6

最后将新包的引用添加到您的 index.html

【讨论】：

6 个步骤，但我使用 Nuget 获得的功能仍然几乎不一样......我真的不知道这有什么更好或更强大......除非更强大意味着“感觉就像用一把锤子。”
嗨 Matthew - 对于我感兴趣的某些 Javascript 库（如 Angular UI Grid），在 nuGet 中不可用。因此我选择使用凉亭。现在使用 Bower 来管理外部 Javascript 库依赖项还有几个原因。你可以参考这个链接——simplyaprogrammer.com/2014/06/…
借助 ASP.NET 5 和 Visual Studio 2015，Microsoft 将使用 Bower 作为客户端包管理器。这意味着将不再使用 NuGet 引用 jQuery、Bootstrap 和 Angular 等包。更多详情请访问blogs.msdn.com/b/cdndevs/archive/2015/02/17/…。因此，在 Visual Studio 2015 中将不需要所有这 6 个手动步骤。将内置 Bower 支持。
@MatthewWhited 只需将 Bowler 中的包数量与 NuGet 中的客户端库包进行比较...
只需比较 bower 与您的项目造成的混乱。

【解决方案2】：

发现我还需要配置git才能使用代理服务器：

git config --global http.proxy http://username:password@proxyURL:8080

在那之后凉亭在 VS 2015 工作

【讨论】：