Fork me on GitHub

bower使用入门

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

工具/原料

  • node
  • msysgit

方法/步骤

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

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

    2.全局安装bowernpm install -g bower

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

    bower install jquery underscore

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

    5.初步这样也就行了,但是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重新下载

posted @ 2017-03-29 00:50  codeflyto  阅读(444)  评论(0编辑  收藏  举报
View Code