npm & bower -- 前台包管理工具

1.包管理工具：

    （1）npm：管理后台的包（express，ejs，jade，webpack，grunt，bower 等）；

    （2）bower：管理前台的包或者框架（jquery，bootstrap，vue，angular，react 等）；

2.使用 npm 包管理：

    （1）npm 使用步骤：

            第一步：先在要安装 npm 的文件中打开 cmd 命令

            第二步：输入 npm  init ：初始化一个配置文件，管理 node 中所有的包，通过 npm 安装好的包都会在这个文件夹中

            第三步：输入 npm install：进行安装所需要的包

            第四步：--save：保持更新；        -g：将包安装在全局（window）；        包@版本号（例：jquery@1.11.3）

           （安装在项目中的包是局部的，在 require 导入包时，首先找局部的，如果没有，就找全局） ；

            第五步：将安装好的包的文件夹删掉，再在命令中输入 npm install ；那些包依然还在，只是变成被压缩的文件了；  

    （2）当 npm 太慢时，安装使用淘宝镜像（也是 npm 的一个包），

            安装成功之后，再安装别的包时直接使用 cnpm 代替 npm 即可：

npm install -g cnpm --registry=https://registry.npm.taobao.org       //安装淘宝镜像   

    （3）输入 npm  config  get  prefix 可以查看安装在全局（-g）的文件位置；

  一般会在这个文件夹下：C:\Users\Administrator\AppData\Roaming\npm\node_modules

2.使用 bower 包管理：

在安装之前一定要先把 Git （分布式版本控制系统，用于敏捷高效的处理任何或大或小的项目）安装好；

    （2）安装 bower 包（全局安装）：npm  install  bower  -g； 

    （3）检测是否安装成功：bower  -v：检查 bower 版本；

    （4）bower初始化（创建了bower.json文件）：bower  init；

    （5）进行设置，创建一个 .bowerrc 的文件；

{"strict-ssl": false}

            如果电脑中更改了 http 协议，则需要在 .bowerrc 中设置，添加以上代码：

            如果需要更改管理包的默认文件夹（bower_components），则也需要在 .bowerrc 中设置，添加以下代码：

{"directory" : "js/libs"}        //"js/libs"是自己更改的文件夹，更改以后，下载好的包都会在这个文件夹中

    （6）开始安装自己需要用的到包（以 jquery 为例）：bower  install  jquery#1.11.3  --save（#后是版本号，可不加）；

    （7）删除不想用的包（以 jquery 为例）：bower  uninstall  jquery；（npm 也可以这样用）