如何使用Visual Studioconfiguration凉亭?

随着我的web项目的复杂性越来越高,我意识到手动下载外部JavaScript库是很容易出错,耗时的,而且随着时间的推移,项目的可维护性会变差。

尽pipeVisual Studio具有NuGet包pipe理器,但它并不像function强大。 也不是所有的外部库都在NuGet上发布。

但是,如何使用Visual Studioconfigurationbower没有明确的帮助。 请帮忙 !

在这里输入图像描述

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

尽pipeVisual Studio具有NuGet包pipe理器,但它并不像function强大。 也不是所有的外部库都在NuGet上发布。

所以,我决定采取暴跌,并开始与凉亭。

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


在这里我列出了步骤,我们需要采取与Visual Studioconfiguration凉亭。

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

  • – 安装凉亭

  • – 用Visual Studio进行configuration

  • – 下载一个示例包(AngularJS)


鲍尔需要节点,npm和git的窗口。

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


步骤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项目中。 您可能需要从解决scheme资源pipe理器菜单中单击“显示所有文件”。

在这里输入图像描述


步骤#3

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

 { "directory": "scripts/bower_components", "proxy":"http://proxy.myCompany.com:80", "https-proxy":"http://proxy.myCompany.com:80" } 
  • 将此文件包含到Visual Studio项目中。
  • 编辑此文件以设置由bower下载的软件包的目录
  • 如果您正在使用公司代理,请添加代理服务器设置。 否则,删除代理和https-proxy的最后2行

在这里输入图像描述


步骤4

要下载AngularJs,请执行命令

 bower install angular –save 

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

在这里输入图像描述

步骤#5

软件包将默认下载到bower_components目录下。 (或在.bowerrc文件中提到的目录下)

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

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

在这里输入图像描述

在这里输入图像描述

步骤#6

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

在这里输入图像描述


我发现我也需要configurationgit来使用代理服务器:

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

之后,在VS 2015工作