bower使用入门

2025-11-11 02:46:11

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

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

bower使用入门

bower使用入门

2、全局安装bowernpm install -g bower

bower使用入门

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

bower install jquery underscore

bower使用入门

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

bower使用入门

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

{

  "directory": "app/vendor"

}

bower使用入门

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

bower使用入门

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

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

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

bower使用入门

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

bower使用入门

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

bower使用入门

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

bower使用入门

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢