如何熟悉bower的入门技巧

使用bower可以节约去git或是网上找js的时间。如此简便的方法，现在就跟大家一起分享吧！
 

 工具/原料

node

msysgit

 方法/步骤

1、对于windows用户，需要装msysgit，注意git界面中【download]和【Contnbute]的两个选项。如下图所示

2、以管理员身份进行安装【bowernpm install -g bower】，试着在项目文件夹下，下载【jquery】、【 underscore】和【bower install jquery underscore】

3、当下载完毕后，在打开文件夹会看到多了一个【app】文件，里面有【bower_components】，再打开就

会看到两个插件了。如下图所示

4、【app/bower_components】这个目录有点让人不习惯，如果想把这个文件移动到自己习惯的目录里。就需要一个【.bowerrc】文件。只

要在自己习惯的文件夹中增加【.bowerrc】就行了。里面可以自定义下载目录【directory": "app/vendor】。如下图所示

5、同样的【cmd】命令再操作一次，完成后就可看到文件下载到【app/vendor】中了。如下图所示

6、如果已经下载了很多必要js，又不小心将【vendor】又给删除，或是另一个项目也需类似配置，还需再加【bower.json】配置文件，这时可以用文本编辑器新增一个，也可以用【bower.init】，初始化【bower.init】后，它的提示问题会很多，这时你只需默认就行了。如下图所示

7、当打开文件夹时会看到文件夹中多了一个【bower.json】文件。如下图所示

8、打开【bower install --save handlebars 】文件后就会看到【handlebars 】在【bower.json】子项

【dependencies】里，如果不加【--save】就不会有【handlebars 】的出现。如下图所示

9、接下将【app/vendor】里面的内容全部删除，然后点击【bower install】选项，这时会把【bower.json】中的

【dependencies】重新再下载。如下图所示