javascript – 如何使用Visual Studio配置bower?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用Visual Studio配置bower?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
随着我的Web项目的复杂性不断增加,我意识到手动下载外部 JavaScript库,容易出错,耗时并且随着时间的推移使项目的可维护性降低.

虽然Visual Studio有NuGet包管理器,但它没有bower那么强大.并非所有外部库都在NuGet上发布.@H_502_3@

但是如何使用Visual Studio配置bower没有明确的帮助.请帮忙 !@H_502_3@

解决方法

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

虽然Visual Studio有NuGet包管理器,但它没有bower那么强大.并非所有外部库都在NuGet上发布.@H_502_3@

因此,我决定采取措施,开始使用凉亭.@H_502_3@

我的项目结构现在更加清洁,易于维护.@H_502_3@

这里我列出了步骤,我们需要用Visual Studio配置bower.@H_502_3@

使用凉亭的详细步骤已于http://bower.io/#install-bower提供.我将在此列出步骤@H_502_3@

> – 安装凉亭
> – 使用Visual Studio进行配置
> – 下载示例包 – (AngularJS)@H_502_3@

Bower需要node,npm和git for windows.@H_502_3@

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

> git for windows – 从https://msysgit.github.io/开始安装
> node – 从https://nodejs.org/开始安装
> npm是节点的一部分(无需任何额外步骤)@H_502_3@

步骤1@H_502_3@

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

npm install -g bower@H_502_3@

@H_502_3@

Above step may fail,if you are behind corporate proxy server. To add
proxy server settings in npm,execute following 2 commands from
command prompt@H_502_3@

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

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

Once done,try installing
bower again@H_502_3@

第2步@H_502_3@

从命令提示符导航到Visual Studio Project文件夹.@H_502_3@

执行命令@H_502_3@

bower init

@H_502_3@

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

@H_502_3@

第3步@H_502_3@

使用带有以下配置的记事本创建.bowerrc文件,并将其保存在Visual Studio Project文件夹中@H_502_3@

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

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

@H_502_3@

第4步@H_502_3@

要下载AngularJs,请执行命令@H_502_3@

bower install angular –save

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

@H_502_3@

第五步@H_502_3@

默认情况下,包将在bower_components目录下下载. (或在.bowerrc文件中提到的目录下)@H_502_3@

确保在Visual Studio项目中包含整个包目录.@H_502_3@

>单击“显示所有文件
>右键单击新下载的软件包,然后单击“包括在内”
项目”@H_502_3@

@H_502_3@

@H_502_3@

第6步@H_502_3@

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

@H_502_3@

猜你在找的JavaScript相关文章