[图文]我的bower使用之旅

如果写的js自已使用可以把项目依赖的js文件集成到项目中，但如果你的作品开源或提供给第三方使用,可能使用的js依赖(例:jquery)已经存在于最终项目中,不需你集成.写java时可以使用maven来管理jar依赖,js可以使用bower.

开始:安装node和bower
node:https://nodejs.org/
bower:http://bower.io/

使用bower查看安装是否成功

第一:安装package:

例:

bower install jquery

这时会从仓库检出最新的版本,要指定版本需要加上#号后面跟版本号

例:

bower install jquery#1.12.0

注意:
1.如果操作时使用的是root身份，需要加上命令参数: –allow-root

2.如果项目是第一次安装package, 会创建bower_components文件夹

bower_components 在哪:
2.A 存在: .bowerrc文件,netbean默认会在根目录创建这个文件.内容如下

{
    "directory": "public_html/bower_components"
}

在安装成功后，如图

在public_html/下创建 了bower_components文件夹,安装的package会在bower_components文件夹中

2.B 不存在 .bowerrc文件.哪么会在命令所处的路径创建 bower_components文件夹

3.使用bower list查看已经下载的package

4.如果install的过程出现版本冲突需要手动选择，例:

第二:生成bower.json

进入项目根路径,输入:

bower init

可以一路回车，如果在提示输入Y/n时,按了回车等同于输入Y.

如果原来已经存在了bower.json，会覆盖掉来的值.

注意:
1.如果在install前已经创建了bower.json,可以在install 后面加上–save参数,在安装成功后会把package写入到bower.json中的dependencies

例:

bower install --save angular-loading-bar

2.如果还没有创建bower.json时使用:

bower prune

这时会删除所有的package

xiaofanku@xiaofanku-GA-880GM-D2H:~/NetBeansProjects/iqido$ bower prune
bower uninstall     angular-animate
bower uninstall     angular-cookies
bower uninstall     angular-fancy-modal
bower uninstall     angular-loading-bar
bower uninstall     angular-sanitize
bower uninstall     angular-ui-router
bower uninstall     jquery
bower uninstall     loading-bar
bower uninstall     modernizr
bower uninstall     angular

3.如果在安装前已经创建了bower.json,而且在安装时也没有加–save参数，可以在安装完所有package后重新执行:

bower init

第三:如果希望package在项目指定的位置.可以使用: .bowerrc

package默认会下载到bower_components文件夹中,bower_components文件夹默认在项目的根目录下

这时public_html中的文件无法引用package. 可以更改.bowerrc文件中的directory值,没有.bowerrc可以创建它

例:

{
    "directory": "public_html/js/vendor/"
}

上面的代码所属的.bowerrc在根目录下.下面执行

bower install

把package迁到:public_html/js/vendor/中

最后:

项目在netbeans中的目录树

参考网址:

bower解决js的依赖管理

bower使用入门