[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
其他
> 详细
初识 bower(一)
时间:
2014-12-23 23:58:04
阅读:
619
评论:
0
收藏:
0
[点我收藏+]
一.前言
写给我自己看的,自己学习用的。
尼玛现在的前端越来越高端了。
二.什么是bower
首先不管他是什么鸟,总之看见了web这个单词,就知道肯定和网站有点关系。
我目前知道的是 就是bower就是解决自己动手去下载各种库,框架的问题。
三.如何安装bower
bower基于node环境,所以node的环境必需要装好。没装的点这个
node官网
;
全局安装bower代码很简单
,-g的意思是全局安装哦;
这可以看bower的版本信息。
四.使用bower下载常用的库(这里示例用的是jquery和bootstrap)
我门建立一个文件夹用作 bower 的项目根目录 bower 然后在里面新建一个文件夹叫 bower-in-action目录,意思是和bower相关
;
我们再在里面建立一个jquery-bootstrap-in-action的目录意思是包含jquery和bootstrap,
;
然后我们就可以下载jquery和bootstrap了,bower提供了多种下载方式。可以用库或者框架在bower的注册名下载 :
bower install XXX(注册名)
不知道的可以去
bower
搜索,也可以用github上面的短名称下载,就是github项目的面包屑的地址;也可以用github提供的url下载,还可以通过普通的http的地址下载,我在这用注册的名称下载了。
;
五.设置bower.json(我暂时也不知道设置是干嘛用的)
命令行 bower init 即可,然后下面一大坨自己选择
然后看看文件目录是不是多了一个 json 文件了 ?
;
我们看看bower.json里面到底写了些什么。
,这些常用的linux命令大家应该都会吧,然后json里面是
;
其中的dependencies是生产中依赖的插件和库,那么如何在开发环境中依赖某些库呢?假设我门要在开发环境中添加一个angular的框架,
,其中--save-dev就是开发环境,而--save直接写的话就是生产环境咯。
我们现在在看看bower.json中是不是多了什么? 我们输入vim bower.json,
,是不是多了开发环境?
六.如何引入这些由bower下载下来的库呢(没结合grunt的情形)?
当前目录新建一个 index.html ,然后直接通过script来引入即可(当然是废话,我还没学到所以后续再来完善。)
初识 bower(一)
原文:http://www.cnblogs.com/qiansimin88/p/4181370.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!