如何使用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的窗口。
在继续之前,请安装以下内容
- 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项目中。 您可能需要从解决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工作