Node包管理工具

Node包管理工具

只是简单的介绍一些工具的使用，有利于开发过程。除了介绍Node包管理工具，还介绍了前端打包工具，前端模块管理工具

Node包管理工具:
    --npm
    --cnpm
    --Yarn
优点：自动下载东西
      解决依赖：(在下我们需要的东西的同时，也会自动下载所需要的依赖包)

1)npm：Node Package Manager
      node.js自带
      是node.js的一个包管理工具
    --npm help    查看所有的命令
    npm的所有命令为：
        access, add-user, adduser, apihelp, author, bin, bugs, c,
        cache, completion, config, ddp, dedupe, deprecate, dist-tag,
        dist-tags, docs, edit, explore, faq, find, find-dupes, get,
        help, help-search, home, i, info, init, install, issues, la,
        link, list, ll, ln, login, logout, ls, outdated, owner,
        pack, ping, prefix, prune, publish, r, rb, rebuild, remove,
        repo, restart, rm, root, run-script, s, se, search, set,
        show, shrinkwrap, star, stars, start, stop, t, tag, team,
        test, tst, un, uninstall, unlink, unpublish, unstar, up,
        update, upgrade, v, verison, version, view, whoami

常用的命令：
  --npm install 名字
  --npm uninstall 名字
  --npm version   查看版本信息
  --npm upgrade 包名    更新已经下载的包
npm上传自己的模块
npm的官网：https://www.npmjs.com/
1.npm注册,登录用户：
  npm adduser
  npm login

2.检查
    npm whoami

3.建立package
    npm init

4.发布
    npm publish
        如果再次发布-->加版本号
我们发布的模块就可以通过 “npm install 名称” 像其他模块一样安装了

5.删除发布
    npm unpublish 名字 --force

我们在开发的时候下载项目需要的模块时，可以将需要的模块保存在package.js中
  npm install 包名称 --save          将模块保存在dependencies里面
  npm install 包名称 --save-dev      将模块保存在devDependencies里面
优点：当别人拿到你的项目时，直接 npm install 即可。这样项目需要的模块即可全部下载

版本号的写法：
  version        固定版本
  >version
  >=version
  <version
  <=version
  ~version    近似版本(次要版本)  --> "babel-core": "^6.17.0" 一般用这个
  ^version    兼容版本
  *        任何版本
  a - b        a->b之间



-g：全局安装，global的简称，表示下载之后在哪里都可以用
安装grunt:  npm -g install grunt



package.js部分解释：
  1.script：脚本，放的是预先定义好的一些命令
    npm start        启动
    npm stop        关闭
    npm restart        重启
    npm test

  2.files
      项目里面包含哪些文件
      如：你在上传到npm里面时，你要把自己需要上传的文件放到这个里面


npm缺点：速度太慢

一般使用cnpm：淘宝镜像
  安装：npm install -g cnpm --registry=https://registry.npm.taobao.org


2)Yarn: FaceBook开发
  特点：快，有缓存
    1.先下载：官网(一个.exe安装包)
    2.使用
    自动安装package里所有依赖包：yarn/yarn install，自动生成一个yarn.lock 文件，   相当于-->npm install
    下载所需要的包： yarn add 包，     相当于-->npm install xxx --save
    删除不需要的包：yarn remove 包

-----------------------------------------------------------------------------------


前端打包工具：

browserify：
    node.js编译、打包、给前台用
  1.安装：cnpm -g install browserify
  2.使用：
    当我们在前台页面引入很多js 文件时，比较麻烦，而且不利于加载
    特别是在node.js里面，模块化的使用中。
    使用方法：browserify 要编译的JS文件 > 结果文件
    如：browserrify  js/index.js  > build.js
    这时候在前端页面中就只需要引入build.js 即可

browser-sync：
    同步-->同步多个终端(移动端/PC端)、同步源码和页面 (其实原理为基于 websocket 全双工同步)
  无须手动刷新，自动会同步刷新
  1.安装：cnpm install -g browser-sync
  2.使用：
    --1.需要browser-sync成为一个服务，一直在运行  browser-sync start --server
    --2.需要browser-sync能监视这几个文件，实现实时同步刷新
    跨终端同步，监视所以文件，最后为：
    browser-sync start --server --files "*"
    打开：提供了两个接口
    PC端： Local-->localhost:3000
    移动端：External-->100.115.3.48:3000


    提供browser-sync的一些UI配置：
      UI: http://localhost:3001
      UI External: http://100.115.3.48:3001
      如：Remote Debug --远程调试，例如手机端开发，可以通过这个进行调试



---------------------------------------------------------------------------

前端模块管理工具：bower
与上面的区别是上面的三种是基于node.js的，主要用于node.js的开发过程。而bower是一个前端模块管理工具，也能够解决依赖问题，在前端开发中也和好用。
1.安装：
    --安装node
    --安装git，windows用户，需要装msysgit
    --全局安装bower：npm install -g bower
2.使用：使用 git bush 即可输入命令
使用 bower help 命令查看帮助
  常用命令：
    --bower --version：查看版本信息
    --bower info 包名：查看包所以版本信息
    --bower install<包名>：bower下载包
    --bower uninstall<包名>：bower卸载包