• 在npm中使用bower包依赖工具


    什么是bower

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

    准备工作

    1. 安装环境nodejs.
    2. 安装Git,bower从远程git仓库获取代码包git简介.

    开始使用

    使用bower help命令查看帮助
    bower help

    自定义包的安装目录

    首先进入项目目录下,新建文件1.txt
    然后命令行进入项目目录下,输入命令重命名该文件为.bowerrc:
    rename 1.txt .bowerrc
    这个.bowerrc文件是自定义bower下载的代码包的目录,比如现在我的项目结构如下图:
    目录结构
    那我的.bowerrc文件内容如下:

    {
    "directory" : "js"
    }

    bower初始化

    命令行进入项目目录中,输入命令如下:
    bower init
    会提示你输入一些基本信息,根据提示按回车或者空格即可,然后会生成一个bower.json文件,用来保存该项目的配置,如下:
    配置信息
    其中的jquery是下一步配置安装的。

    包的安装

    下面终于开始安装需要的包了!
    比如我要安装一个jquery,输入如下命令:
    bower install jquery --save
    然后bower就会从远程下载jquery最新版本到你的js/lib目录下
    其中--save参数是保存配置到你的bower.json,你会发现bower.json文件已经多了一行:

    "dependencies": {
        "jquery": "^3.2.1"
      }
    

    包的信息

    比如我们想要查找jquery都有哪些个版本,输入如下命令:
    bower info jquery
    会看到jquery的bower.json的信息,和可用的版本信息

    包的更新

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

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

    然后执行如下命令:
    bower update
    bower就会为你切换jquery的版本了,不过有一点得注意,更新的版本是这个版本中的最新版。比如1.11.3版本,现在1开头的版本最新的是1.12.4那么它更新后就是1.12.1.

    包的查找

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

    包的卸载

    卸载包可以使用uninstall 命令:
    bower uninstall jquery

    小结

    以上就是bower在window下DOS里的一些操作,也是照着别人的文章写了一遍,算是了解了这个工具的一些基本操作。参考文章.

  • 相关阅读:
    python流程控制
    数据类型
    python之初接触
    使用 HttpWebRequest 向网站提交数据
    在 ASP.NET MVC4 中使用 NInject
    第一篇 微信商城 开发前的准备工作
    (一)模块基础
    函数之递归、匿名函数及内置方法
    装饰器的使用原理
    mybatis返回list
  • 原文地址:https://www.cnblogs.com/dxzg/p/7064626.html
Copyright © 2020-2023  润新知