为什么使用bower,因为它可以节省掉你去git或是网上找js的时间
bower使用入门――工具/原料nodemsysgitbower使用入门――方法/步骤
bower使用入门 1、
首先你得有node,这里就不多做介绍了
另外,对于windows用户,还需要装msysgit,如下图。注意图二中的那个选项
bower使用入门 2、
全局安装bowernpm install -g bower
bower使用入门 3、
试着在项目文件夹下,下载jquery 和 underscore
bower install jquery underscore
bower使用入门_bower
bower使用入门 4、
然后就可以看到项目文件夹下多了一个app文件,里面有bower_components,再就去就是两个插件了包了
bower使用入门 5、
初步这样也就行了,但是app/bower_components这个目录有点让人不习惯,我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。里面用可以定义下载目录
{
"directory": "app/vendor"
}
bower使用入门 6、
同样的cmd命令再执行一遍,这次可以看到文件下载到app/vendor中了
bower使用入门_bower
bower使用入门 7、
如果已经下载了很多必要的js,然后又不小心vendor文件夹删了,或者说另一个项目也需要类似的配置,难道还要一个一个输入命令吗?为了方便我们还要再加一个bower.json配置文件
可以自己用文本编辑器新增一个,也可以用bower.init初始化
bower.init后,它会问你很多问题,一路默认就行了
bower使用入门 8、
然后文件夹里就会多一个bower.json
bower使用入门 9、
bower install --save handlebars 后就会看到handlebar 在bower.json的dependencies里,如果不加--save就不会有。
bower使用入门_bower
bower使用入门 10、
接下来删了app/vendor下的所有内容,然后bower install,他会把bower.json中的dependencies重新下载
bower使用入门――注意事项bower的其它相关配置请自行查阅官网