如何安装使用web前端的包管理器bower

如何安装使用web前端的包管理器bower

 

   bower从根本上是一个nodejs的插件，nvm可以管理npm,

  npm管理nodejs插件,bower可以管理web开发中所需的第三方插件，

  以实现对第三方插件的模块化、组件化管理。





   操作步骤：

  1、安装bower：

      安装： npm install -g bower

       全局安装 bower

      2、首先进入项目目录下，新建文件1.txt

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

        rename 1.txt .bowerrc

      设置： bowerrc路径为：

      {

           "directory":"js"

      }

    3.bower初始化

   命令行进入项目目录中，输入命令如下：

   bower init

    4、生成的bower.json数据

 

{  "name": "bower",  "description": "",  "main": "",  "license": "MIT",  "homepage": "",  "ignore": [    "**/.*",    "node_modules",    "bower_components",    "js",    "test",    "tests"  ]}

   5.安装和卸载jquery

   打开git命令行：

   在git命令行里面输入命令安装jquery：

  

    bower install jquery --save

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

  卸载 jquery:

  在git命令行里面输入命令卸载jquery：

   bower uninstall jquery

   Git命令行截图：