欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

bower使用入门

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

工具/原料

 
  • node
  • msysgit

方法/步骤

 
  1. 1

    首先你得有node,这里就不多做介绍了

    另外,对于windows用户,还需要装msysgit,如下图。注意图二中的那个选项

    bower使用入门
    bower使用入门
  2. 2

    全局安装bowernpm install -g bower

    bower使用入门
  3. 3

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

    bower install jquery underscore

    bower使用入门
  4. 4

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

    bower使用入门
  5. 5

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

    {

      "directory": "app/vendor"

    }

    bower使用入门
  6. 6

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

    bower使用入门
  7. 7

    如果已经下载了很多必要的js,然后又不小心vendor文件夹删了,或者说另一个项目也需要类似的配置,难道还要一个一个输入命令吗?为了方便我们还要再加一个bower.json配置文件

    可以自己用文本编辑器新增一个,也可以用bower.init初始化

    bower.init后,它会问你很多问题,一路默认就行了

    bower使用入门
  8. 8

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

    bower使用入门
  9. 9

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

    bower使用入门
  10. 10

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

    bower使用入门
    END

注意事项

 
  • bower的其它相关配置请自行查阅官网
 
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
举报作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。

来自 http://jingyan.baidu.com/article/03b2f78c6bd7c05ea337ae6e.html
普通分类: