zoukankan      html  css  js  c++  java
  • 什么是bower

     

    Bower是一个客户端技术的软件包管理器,它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具,如YeoMan和Grunt,这个会在以后的文章中介绍。

    准备工作

    1. 安装node环境:node.js
    2. 安装Git,bower从远程git仓库获取代码包:git简易指南

    安装bower

    使用npm,打开终端,输入:

    npm install -g bower
    

    其中-g命令表示全局安装

    开始使用

    使用help命令查看帮助

    自定义包的安装目录

    首先进入项目目录下,新建文件1.txt

    然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc

    rename 1.txt .bowerrc
    

    这个.bowerrc文件是自定义bower下载的代码包的目录,比如现在我的项目结构如下图:

    那我的.bowerrc文件内容如下:

    {
      "directory" : "js/lib"
    }
    

    bower初始化

    命令行进入项目目录中,输入命令如下:

    bower init
    

    会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下:

    {
      "name": "bb_boot",
      "version": "0.0.1",
      "authors": [
        "savokiss <jaynaruto@qq.com>"
      ],
      "moduleType": [
        "amd"
      ],
      "license": "MIT",
      "ignore": [
        "**/.*",
        "node_modules",
        "bower_components",
        "js/lib",
        "test",
        "tests"
      ],
      "dependencies": {
      }
    }
    
    

    包的安装

    下面终于开始安装需要的包了!
    比如我要安装一个jquery,输入如下命令:

    bower install jquery --save
    

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

      "dependencies": {
        "jquery": "~2.1.4"
      }
    

    包的信息

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

    bower info jquery
    

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

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

    包的更新

    上面安装的是最新版的高版本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
    

    refer:Day 1: Bower —— 管理你的客户端依赖关系

  • 相关阅读:
    Centos7.2升级内核至3.10.0-957【转】
    部署一套完整的Kubernetes高可用集群(上)【转】
    Nginx配置中一个不起眼字符"/"的巨大作用,失之毫厘谬以千里【转】
    使用vmware搭建k8s集群【转】
    nginx的request body日志格式配置
    nginx漏洞修复:SSL/TLS 服务器瞬时 Diffie-Hellman 公共密钥过弱【原理扫描】【转】
    nginx:[warn] the "ssl" directive is deprecated, use the "listen ... ssl" directive instead
    linux系统删除分区
    Linux用户锁定、解锁及锁定查看
    innobackupex远程备份【转】
  • 原文地址:https://www.cnblogs.com/hukai46/p/5439768.html
Copyright © 2011-2022 走看看