多语言展示
当前在线:1909今日阅读:84今日分享:32

bower使用入门

为什么使用bower,因为它可以节省掉你去git或是网上找js的时间
工具/原料
1

node

2

msysgit

方法/步骤
1

首先你得有node,这里就不多做介绍了另外,对于windows用户,还需要装msysgit,如下图。注意图二中的那个选项

2

全局安装bowernpm install -g bower

3

试着在项目文件夹下,下载jquery 和 underscorebower install jquery underscore

4

然后就可以看到项目文件夹下多了一个app文件,里面有bower_components,再就去就是两个插件了包了

5

初步这样也就行了,但是app/bower_components这个目录有点让人不习惯,我想把东西下载到我习惯的目录里。需要加一个.bowerrc文件。注意,不需要名字什么的,只要新增一个.bowerrc就行了。里面用可以定义下载目录{  'directory': 'app/vendor'}

6

同样的cmd命令再执行一遍,这次可以看到文件下载到app/vendor中了

7

如果已经下载了很多必要的js,然后又不小心vendor文件夹删了,或者说另一个项目也需要类似的配置,难道还要一个一个输入命令吗?为了方便我们还要再加一个bower.json配置文件可以自己用文本编辑器新增一个,也可以用bower.init初始化bower.init后,它会问你很多问题,一路默认就行了

8

然后文件夹里就会多一个bower.json

9

bower install --save handlebars 后就会看到handlebar 在bower.json的dependencies里,如果不加--save就不会有。

10

接下来删了app/vendor下的所有内容,然后bower install,他会把bower.json中的dependencies重新下载

注意事项

bower的其它相关配置请自行查阅官网

推荐信息