bower指南

Posted zhoulixue

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bower指南相关的知识,希望对你有一定的参考价值。

安装bower

npm install -g bower

新建文件1.txt,然后重命名为.bowerrc

cp 1.txt .bowerrc

这个.bowerrc文件是自定义bower下载的代码包的目录:

技术分享

.bowerrc文件内容如下:

{
  "directory" : "js/lib"
}

bower初始化

bower初始化不能在gitbash,要在cmd中:

bower init

包的安装

比如要安装一个jquery,输入如下命令:

bower install juqery --save

然后bower就会从远程下载jquery最新版本到你的js/lib目录下
其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:

 "dependencies": {
    "juqery": "^3.2.1"
  }

包的信息

比如想要查找jquery都有哪些个版本,输入如下命令:

bower info jquery

会看到jquerybower.json的信息,和可用的版本信息

可以看到jquery最新的兼容版版本为3.2.1

包的更新

上面安装的是最新版的高版本jquery,假如想要兼容低版本浏览器的呢?
已经查到兼容低版本浏览器的jquery版本为1.11.3,下面直接修改bower.json文件中的jquery版本号如下:

  "dependencies": {
    "jquery": "~1.11.3"
  }

然后执行如下命令:

bower update

bower就会为你切换jquery的版本了

包的查找

还有一个很重要的功能,就是包的查找,比如我想要安装bootstrap的某个插件,但是记不住名字了,就可以直接在命令行输入:

bower search bootstrap

bower就会列出包含字符串bootstrap的可用包了

包的卸载

卸载包可以使用uninstall 命令:

bower uninstall jquery

 



以上是关于bower指南的主要内容,如果未能解决你的问题,请参考以下文章

bower入门教程

如何安装并使用bower包依赖工具

markdown 打字稿...编码说明,提示,作弊,指南,代码片段和教程文章

Vue3官网-高级指南(十七)响应式计算`computed`和侦听`watchEffect`(onTrackonTriggeronInvalidate副作用的刷新时机`watch` pre)(代码片段

bower

Mac 安装Bower