如何使用Visual Studio配置bower？

Question

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

虽然Visual Studio有Nuget包管理器，但它不如bowers强大。也不是所有的外部库都在Nuget上发布。

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

Answer 1

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

git config——全局http。代理http://username:password@代理URL:8080

之后，鲍尔在VS 2015工作

Answer 2

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

虽然Visual Studio有Nuget包管理器，但它不如bowers强大。也不是所有的外部库都在Nuget上发布。

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

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

在这里我列出了步骤，我们需要采取配置与Visual Studio凉亭。

有关使用bower的详细步骤，请参见http://bower.io/#install-鲍尔。这里我将列出我采取的步骤

>

-安装凉亭

-使用Visual Studio配置它

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

Bower需要windows的节点、npm和git。

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

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

步骤#1

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

npm安装-g bowers

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

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

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

完成后，再次尝试安装bower

第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项目中

第四步

要下载AngularJs，执行命令

bower install angular –save

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

步骤#5

包将在默认bower_components目录下下载。（

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

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

步骤#6

最后，将新包的引用添加到索引中。html