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

    =========

  • 相关阅读:
    react项目中如何解决同时需要多个请求问题
    jq+ajax+bootstrap改写一个动态分页的表格
    Window7+vs2008+QT环境搭建
    mssql charindex
    解决NTLDR is missing,系统无法启动的方法
    基于三汇语音卡的呼叫中心开发(一)
    Wince 或Windows平台 C#调用Bitmap对象后资源应该如何释放
    Anki:插件开发
    java.lang.ClassNotFoundException: com.opensymphony.xwork2.util.ValueStack
    struts2中action之间的一种跳转
  • 原文地址:https://www.cnblogs.com/a-dou/p/7274109.html
Copyright © 2011-2022 走看看