bower的安装和使用

第一 下载node

网址https://nodejs.org/en/
安装过程基本直接“NEXT”就可以了。

安装完成之后,我们先检测下NodeJS是否安装成功,cmd命令行中键入:

node -v

若出现版本提示,就说明安装成功了

npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行中键入:

node -v

同样,若出现版本提示,就说明安装成功了

第二 对于windows用户,还需要装msysgit

在官网中下载即可

第三 全局安装 bower

npm install -g bower

全局安装bower 后,可以查看Bower的帮助信息和版本信息,使用命令:

bower help

版本信息

bower --v

第四 初始化当前工程的bower

此操作会在当前目录下生成bower.json文件:

bower init

第五 bower的使用

使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下,使用如下命令即可安装相关依赖库。

bower install

注:bower下载安装依赖库实际上是使用git进行下载。对于linux系统,由于默认都有安装git,所以一般没问题。但是windows系统一般没有git。在windows系统下需要确定安装了git客户端,建议使用同捆的git bash命令行来执行bower install命令。或者把git目录加入windows的环境变量中,再在命令行中执行bower install命令。

第六 使用bower

安装某个特定类库,例如jquery

bower install jquery --save

更新:使用bower更新某个特定类库,例如jquery:

bower update jquery

删除:例如jquery (如果包已经被依赖,则不能删除)

bower uninstall jquery

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

bower install jquery --save

然后就可以看到项目文件夹下多了bower_components(默认目录),就是jquery插件包了

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

第七 用cmd命令创建.bowerrc文件文件

如下

type null >.bowerrc
第八、.bowerrc配置

{  
  "directory" : "js/feng",  
  "json"      : "",  
  "endpoint"  : "",  
  "searchpath"  : "",  
  "shorthand_resolver" : ""  
}  

第九、同样的cmd命令再执行一遍,这次可以看到文件下载到js/feng中了。

原博客地址:https://blog.csdn.net/ahaha413525642/article/details/77622833d

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容