Bower是一個客戶端技術的軟件包管理器，它可用於搜索、安裝和卸載如javascript、HTML、CSS之類的網絡資源。其他一些建立在Bower基礎之上的開發工具，如YeoMan和Grunt，這個會在以後的文章中介紹。
1,安裝bower
npm install -g bower
其中 -g 命令表示全局安裝
開始使用，使用 help 命令查看幫助
bower初始化，命令行進入項目目錄中，輸入命令如下：
bower init
會提示你輸入一些基本信息，根據提示按回車或者空格即可，然後會生成一個 bower.json 文件，用來保存該項目的配置
開始安裝需要的包，比如我要安裝一個 jquery ，輸入如下命令：
bower install jquery --save
然後 bower 就會從遠程下載 jquery 最新版本 到你的 js/lib 目錄下
其中 --save 參數是保存配置到你的 bower.json ，你會發現 bower.json 文件已經多了一行：
"dependencies": { "jquery": "~2.1.4" } 包的信息
比如我們想要查找 jquery 都有哪些個版本，輸入如下命令：
bower info jquery
會看到 jquery 的 bower.json 的信息，和可用的版本信息
包的更新
bower update
bower 就會爲你切換 jquery 的版本了
包的查找
還有一個很重要的功能，就是包的查找，比如我想要安裝 bootstrap 的某個插件，但是記不住名字了，就可以直接在命令行輸入：
bower search bootstrap
bower 就會列出包含字符串 bootstrap 的可用包了
包的卸載
卸載包可以使用uninstall 命令：
bower uninstall jquery
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
由於新版的nodejs已經集成了npm，所以之前npm也一併安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:
$ npm -v
2.3.0
如果你安裝的是舊版本的 npm，可以很容易得通過 npm 命令來升級，命令如下：
$ sudo npm install npm -g
/usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
[email protected] /usr/local/lib/node_modules/npm
如果是 Window 系統使用以下命令即可：
npm install npm -g
npm 安裝 Node.js 模塊語法格式如下：
$ npm install <Module Name>
以下實例，我們使用 npm 命令安裝常用的 Node.js web框架模塊 express:
$ npm install express
安裝好之後，express 包就放在了工程目錄下的 node_modules 目錄中，因此在代碼中只需要通過 require('express') 的方式就好，無需指定第三方包路徑。
var express = require('express');
npm 的包安裝分爲本地安裝（local）、全局安裝（global）兩種，從敲的命令行來看，差別只是有沒有-g而已，比如
npm install express # 本地安裝
npm install express -g # 全局安裝
如果出現以下錯誤：
npm err! Error: connect ECONNREFUSED 127.0.0.1:8087
解決辦法爲：
$ npm config set proxy null
本地安裝
1. 將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執行 npm 命令的目錄下生成 node_modules 目錄。
2. 可以通過 require() 來引入本地安裝的包。
全局安裝
1. 將安裝包放在 /usr/local 下或者你 node 的安裝目錄。
2. 可以直接在命令行裏使用。
如果你希望具備兩者功能，則需要在兩個地方安裝它或使用 npm link。
接下來我們使用全局方式安裝 express
$ npm install express -g
你可以使用以下命令來查看所有全局安裝的模塊：
$ npm ls -g
package.json 位於模塊的目錄下，用於定義包的屬性。接下來讓我們來看下 express 包的 package.json 文件
卸載模塊
我們可以使用以下命令來卸載 Node.js 模塊。
$ npm uninstall express
卸載後，你可以到 /node_modules/ 目錄下查看包是否還存在，或者使用以下命令查看：
$ npm ls
更新模塊
我們可以使用以下命令更新模塊：
$ npm update express
搜索模塊
使用以下來搜索模塊：
$ npm search express
gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；她不僅能對網站資源進行優化，而且在開發過程中很多重複的任務能夠使用正確的工具自動完成；使用她，我們不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。
gulp是基於Nodejs的自動任務運行器， 她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。在實現上，她借鑑了Unix操作系統的管道（pipe）思想，前一級的輸出，直接變成後一級的輸入，使得在操作上非常簡單。通過本文，我們將學習如何使用Gulp來改變開發流程，從而使開發更加快速高效。
gulp 和 grunt 非常類似，但相比於 grunt 的頻繁 IO 操作，gulp 的流操作，能更快地更便捷地完成構建工作。
安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務
說明：全局安裝gulp目的是爲了通過她執行gulp任務；
安裝：命令提示符執行cnpm install gulp -g；
查看是否正確安裝：命令提示符執行gulp -v，出現版本號即爲正確安裝
package.json是基於nodejs項目必不可少的配置文件，它是存放在項目根目錄的普通json文件
npm install gulp-less --save-dev；
爲了能正常使用，我們還得本地安裝gulp：cnpm install gulp --save-dev；
PS：細心的你可能會發現，我們全局安裝了gulp，項目也安裝了gulp，全局安裝gulp是爲了執行gulp任務，本地安裝gulp則是爲了調用gulp插件的功能
運行gulp
9.1、說明：命令提示符執行gulp 任務名稱；
9.2、編譯less：命令提示符執行gulp testLess；
9.3、當執行gulp default或gulp將會調用default任務裏的所有任務[‘testLess’,’elseTask’]。
1,安裝bower
npm install -g bower
其中 -g 命令表示全局安裝
開始使用，使用 help 命令查看幫助
bower初始化，命令行進入項目目錄中，輸入命令如下：
bower init
會提示你輸入一些基本信息，根據提示按回車或者空格即可，然後會生成一個 bower.json 文件，用來保存該項目的配置
開始安裝需要的包，比如我要安裝一個 jquery ，輸入如下命令：
bower install jquery --save
然後 bower 就會從遠程下載 jquery 最新版本 到你的 js/lib 目錄下
其中 --save 參數是保存配置到你的 bower.json ，你會發現 bower.json 文件已經多了一行：
"dependencies": { "jquery": "~2.1.4" } 包的信息
比如我們想要查找 jquery 都有哪些個版本，輸入如下命令：
bower info jquery
會看到 jquery 的 bower.json 的信息，和可用的版本信息
包的更新
bower update
bower 就會爲你切換 jquery 的版本了
包的查找
還有一個很重要的功能，就是包的查找，比如我想要安裝 bootstrap 的某個插件，但是記不住名字了，就可以直接在命令行輸入：
bower search bootstrap
bower 就會列出包含字符串 bootstrap 的可用包了
包的卸載
卸載包可以使用uninstall 命令：
bower uninstall jquery
NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。
允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
由於新版的nodejs已經集成了npm，所以之前npm也一併安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:
$ npm -v
2.3.0
如果你安裝的是舊版本的 npm，可以很容易得通過 npm 命令來升級，命令如下：
$ sudo npm install npm -g
/usr/local/bin/npm -> /usr/local/lib/node_modules/npm/bin/npm-cli.js
[email protected] /usr/local/lib/node_modules/npm
如果是 Window 系統使用以下命令即可：
npm install npm -g
npm 安裝 Node.js 模塊語法格式如下：
$ npm install <Module Name>
以下實例，我們使用 npm 命令安裝常用的 Node.js web框架模塊 express:
$ npm install express
安裝好之後，express 包就放在了工程目錄下的 node_modules 目錄中，因此在代碼中只需要通過 require('express') 的方式就好，無需指定第三方包路徑。
var express = require('express');
npm 的包安裝分爲本地安裝（local）、全局安裝（global）兩種，從敲的命令行來看，差別只是有沒有-g而已，比如
npm install express # 本地安裝
npm install express -g # 全局安裝
如果出現以下錯誤：
npm err! Error: connect ECONNREFUSED 127.0.0.1:8087
解決辦法爲：
$ npm config set proxy null
本地安裝
1. 將安裝包放在 ./node_modules 下（運行 npm 命令時所在的目錄），如果沒有 node_modules 目錄，會在當前執行 npm 命令的目錄下生成 node_modules 目錄。
2. 可以通過 require() 來引入本地安裝的包。
全局安裝
1. 將安裝包放在 /usr/local 下或者你 node 的安裝目錄。
2. 可以直接在命令行裏使用。
如果你希望具備兩者功能，則需要在兩個地方安裝它或使用 npm link。
接下來我們使用全局方式安裝 express
$ npm install express -g
你可以使用以下命令來查看所有全局安裝的模塊：
$ npm ls -g
package.json 位於模塊的目錄下，用於定義包的屬性。接下來讓我們來看下 express 包的 package.json 文件
卸載模塊
我們可以使用以下命令來卸載 Node.js 模塊。
$ npm uninstall express
卸載後，你可以到 /node_modules/ 目錄下查看包是否還存在，或者使用以下命令查看：
$ npm ls
更新模塊
我們可以使用以下命令更新模塊：
$ npm update express
搜索模塊
使用以下來搜索模塊：
$ npm search express
gulp是前端開發過程中對代碼進行構建的工具，是自動化項目的構建利器；她不僅能對網站資源進行優化，而且在開發過程中很多重複的任務能夠使用正確的工具自動完成；使用她，我們不僅可以很愉快的編寫代碼，而且大大提高我們的工作效率。
gulp是基於Nodejs的自動任務運行器， 她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成，並監聽文件在改動後重復指定的這些步驟。在實現上，她借鑑了Unix操作系統的管道（pipe）思想，前一級的輸出，直接變成後一級的輸入，使得在操作上非常簡單。通過本文，我們將學習如何使用Gulp來改變開發流程，從而使開發更加快速高效。
gulp 和 grunt 非常類似，但相比於 grunt 的頻繁 IO 操作，gulp 的流操作，能更快地更便捷地完成構建工作。
安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務
說明：全局安裝gulp目的是爲了通過她執行gulp任務；
安裝：命令提示符執行cnpm install gulp -g；
查看是否正確安裝：命令提示符執行gulp -v，出現版本號即爲正確安裝
package.json是基於nodejs項目必不可少的配置文件，它是存放在項目根目錄的普通json文件
npm install gulp-less --save-dev；
爲了能正常使用，我們還得本地安裝gulp：cnpm install gulp --save-dev；
PS：細心的你可能會發現，我們全局安裝了gulp，項目也安裝了gulp，全局安裝gulp是爲了執行gulp任務，本地安裝gulp則是爲了調用gulp插件的功能
運行gulp
9.1、說明：命令提示符執行gulp 任務名稱；
9.2、編譯less：命令提示符執行gulp testLess；
9.3、當執行gulp default或gulp將會調用default任務裏的所有任務[‘testLess’,’elseTask’]。
