电脑知识
关键词:路由器 学习认识睡眠,待机、休眠、的不同点! 破解Win 7系统的密码 电脑硬件 系统使用

文章阅读:

文章分享

更多
您现在的位置:电脑知识 >> 软件应用 >> 行业软件 >> 浏览文章

如何熟悉bower的入门技巧

2014-12-24 12:53:39 本站原创 佚名 【字体: {SQL_我要评论()}

 

 

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

 工具/原料


node


msysgit

 

 方法/步骤

 

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

如何熟悉bower的入门技巧

如何熟悉bower的入门技巧

 

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

如何熟悉bower的入门技巧

如何熟悉bower的入门技巧

 

 


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

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

如何熟悉bower的入门技巧

 

 


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

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

如何熟悉bower的入门技巧

 

 


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

如何熟悉bower的入门技巧

 

 


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

如何熟悉bower的入门技巧

 


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

如何熟悉bower的入门技巧

 

 


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

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

如何熟悉bower的入门技巧
 

 

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

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

如何熟悉bower的入门技巧

如何熟悉bower的入门技巧来自:http://www.woaidiannao.com/html/rjyy/xyrj/10829.html

相关文章阅读:

网友评论:


图片文章
精品在线