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卸載包