zoukankan      html  css  js  c++  java
  • bower简明入门教程

    什么是bower:

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

      

     

    准备工作:

      1、安装 node 环境:node.js

      2、安装 Gitbower 从远程 git 仓库获取代码包:git简易指南

     

    安装bower:

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

    1 npm install -g bower

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

     

    开始使用:

      使用 help 命令查看帮助

      

     

    自定义包的安装目录:

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

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

    1 rename 1.txt .bowerrc

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

      

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

    1 {
    2   "directory" : "js/lib"
    3 }

     

    bower初始化:

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

    1 bower init

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

     1 {
     2   "name": "myWeb",
     3   "authors": [
     4     "adou <doufu_0329@163.com>"
     5   ],
     6   "description": "",
     7   "main": "",
     8   "license": "MIT",
     9   "homepage": "",
    10   "private": true,
    11   "ignore": [
    12     "**/.*",
    13     "node_modules",
    14     "bower_components",
    15     "wwwroot/lib",
    16     "test",
    17     "tests"
    18   ],
    19   "dependencies": {
    20     
    21   }
    22 }

     

    包的安装:

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

    1 bower install jquery --save

      或者根据版本进行安装,输入如下命令:

    1 bower install jquery#1.0.0 --save

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

    1  "dependencies": {
    2     "jquery": "~2.1.4"
    3   }

      

    包的信息:

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

    1 bower info jquery

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

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

     

    包的更新:

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

    1   "dependencies": {
    2     "jquery": "~1.11.3"
    3   }

      然后执行如下命令:

    1 bower update

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

     

    包的查找:

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

    1 bower search bootstrap

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

     

    包的卸载:

      卸载包可以使用 uninstall 命令:

    1 bower uninstall jquery

    =========

  • 相关阅读:
    Java 实现 蓝桥杯 生兔子问题
    Java实现 蓝桥杯 基因牛的繁殖
    Java实现 蓝桥杯 基因牛的繁殖
    Java实现 蓝桥杯 基因牛的繁殖
    Java实现 LeetCode 33 搜索旋转排序数组
    Java实现 LeetCode 33 搜索旋转排序数组
    Java实现 LeetCode 33 搜索旋转排序数组
    深入探究VC —— 资源编译器rc.exe(3)
    深入探究VC —— 编译器cl.exe(2)
    深入探究VC —— 编译器cl.exe(1)
  • 原文地址:https://www.cnblogs.com/a-dou/p/7274109.html
Copyright © 2011-2022 走看看