Javascript 如何使用Visual Studio配置bower？

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

尽管VisualStudio有NuGet软件包管理器，但它不如bower强大。此外，并非所有外部库都在NuGet上发布

但是对于如何使用VisualStudio配置bower没有明确的帮助。请帮忙

随着我的web项目变得越来越复杂，我意识到手动下载外部JavaScript库容易出错、耗时，而且随着时间的推移，项目的可维护性也越来越差

尽管VisualStudio有NuGet软件包管理器，但它不如bower强大。此外，并非所有外部库都在NuGet上发布

所以，我决定冒险开始学习鲍尔

我的项目结构现在更加干净，易于维护

---

这里我列出了使用VisualStudio配置bower所需的步骤

有关使用bower的详细步骤，请参见。这里我将列出我采取的步骤

• -安装凉亭

• -使用VisualStudio进行配置

• -下载一个示例包--（AngularJS）

---

Bower需要windows的节点、npm和git

继续之前，请安装以下部件

• git for windows–从安装
• 节点–从安装
• npm是节点的一部分（无需任何额外步骤）

---

步骤1

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

bower init

bower install angular –save

npm安装-g bower

若您落后于公司代理服务器，上述步骤可能会失败。加 在npm中的代理服务器设置中，从 命令提示符

npm配置集代理http://proxy.myCompany.com:80

npm配置集https代理http://proxy.myCompany.com:80

完成后，请尝试安装 又是鲍尔

---

步骤2

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

执行命令

bower init

bower install angular –save

• 将此文件包括到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代理的最后2行

---

步骤4

要下载AngularJs，请执行以下命令

bower init

bower install angular –save

这将在bower.json中添加一行

步骤5

默认情况下，软件包将在bower_组件目录下下载。（或在.bowerrc文件中提到的目录下）

确保在VisualStudio项目中包含整个包目录

• 单击“显示所有文件”
• 右键单击新下载的软件包，然后单击“包含在 项目“

第6步

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

---

---

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

git config--全局http.proxy

---

在那之后，鲍尔在VS 2015中工作了6个步骤，但仍然没有与我在Nuget中获得的功能几乎相同。。。我真的不明白这是如何更好或更强大。。。除非更强大的方法“感觉像是用锤子砸自己。”嗨，Matthew——对于我感兴趣的某些Javascript库（如Angular UI Grid），nuGet中没有。因此，我选择使用鲍尔。现在使用bower管理外部Javascript库依赖项还有几个原因。您可以参考此链接-借助ASP.NET 5和Visual Studio 2015，Microsoft将使用Bower作为客户端软件包管理器。这意味着像jQuery、Bootstrap和Angular这样的包将不再使用NuGet引用。更多详情请访问。因此，Visual Studio 2015不需要所有这6个手动步骤。Bower支持将内置。@MatthewWhited只需比较bowler中的包数和NuGet中的客户端库包数……只需比较Bower给您的项目造成的混乱。