使用bower可以節(jié)約去git或是網(wǎng)上找js的時(shí)間。如此簡便的方法，現(xiàn)在就跟大家一起分享吧!

工具/原料

node

msysgit

方法/步驟

1、對(duì)于windows用戶，需要裝msysgit，注意git界面中【download]和【Contnbute]的兩個(gè)選項(xiàng)。如下圖所示

 

 

2、以管理員身份進(jìn)行安裝【bowernpm install -g bower】，試著在項(xiàng)目文件夾下，下載【jquery】、【 underscore】和【bower install jquery underscore】

 

 

 

 

3、當(dāng)下載完畢后，在打開文件夾會(huì)看到多了一個(gè)【app】文件，里面有【bower_components】，再打開就

會(huì)看到兩個(gè)插件了。如下圖所示

 

 

4、【app/bower_components】這個(gè)目錄有點(diǎn)讓人不習(xí)慣，如果想把這個(gè)文件移動(dòng)到自己習(xí)慣的目錄里。就需要一個(gè)【.bowerrc】文件。只

要在自己習(xí)慣的文件夾中增加【.bowerrc】就行了。里面可以自定義下載目錄【directory": "app/vendor】。如下圖所示

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

 

 

6、如果已經(jīng)下載了很多必要js，又不小心將【vendor】又給刪除，或是另一個(gè)項(xiàng)目也需類似配置，還需再加【bower.json】配置文件，這時(shí)可以用文本編輯器新增一個(gè)，也可以用【bower.init】，初始化【bower.init】后，它的提示問題會(huì)很多，這時(shí)你只需默認(rèn)就行了。如下圖所示

 

 

7、當(dāng)打開文件夾時(shí)會(huì)看到文件夾中多了一個(gè)【bower.json】文件。如下圖所示

 

 

8、打開【bower install --save handlebars 】文件后就會(huì)看到【handlebars 】在【bower.json】子項(xiàng)

【dependencies】里，如果不加【--save】就不會(huì)有【handlebars 】的出現(xiàn)。如下圖所示

9、接下將【app/vendor】里面的內(nèi)容全部刪除，然后點(diǎn)擊【bower install】選項(xiàng)，這時(shí)會(huì)把【bower.json】中的

【dependencies】重新再下載。如下圖所示