grunt 構建工具(build tool)初體驗

操作環境：win8 系統，建議使用 git bash （window下的命令列工具）

1，安裝node.js

官網下載：https://nodejs.org/ 　　直接點選install ，會根據你的作業系統下載對應的版本

檢測是否安裝 node -v

現在我們來執行一個簡單的node程式，建立hello.js 檔案，複製下面的程式碼：

var http = require("http");

http.createServer(function(request, response) {

    response.writeHead(200, {"Content-Type": "text/html"});

    response.write("Hello World!");

    response.end();

}).listen(8080);

console.log("Server running at http://localhost:8080/");

開啟cmd命令列，轉到hello.js 所在目錄，執行 node hello.js

開啟瀏覽器輸入 http://localhost:8080/

nodejs的理解：node 其實就是一個javascript 執行環境，對v8 引擎的封裝

我的node版本是：v0.12.4 ，預設安裝 NPM 管理安裝包

檢測是否安裝NPM 管理包 npm -v

##獨立安裝 npm 管理包（在安裝git的情況下）

將 npm 包下載到你的本地

git clone --recursive git://github.com/isaacs/npm.git

下載到NPM檔案後，命令列首先轉到npm所在地址，輸入以下程式碼進行安裝。

node cli.js install npm -gf

node 參考資料：

node.js 初體驗

node.js 筆記，nodejs、express、npm安裝

node.js 入門書

node 入門社群

2，安裝yeoman （現在web app 腳手架工具）

npm install -g yo

// 檢測是否安裝
yo -v

參考資料：
前端構建工具-yeoman
yeoman 官網

yeoman 筆記

3，安裝 bower （web包(框架、庫、公共部分)管理器）

npm install -g bower

bower 是一個web 包管理工具，bower 是基於node js 的，所以要首先安裝node，不論是註冊自己的模組還是下載包都是從github 上下載，所以保證你的電腦安裝git，並能夠使用。具體細節參考下面的文章 bower 解決js 的依賴管理，寫的很詳細了。

安裝　　　　　　bower install jquery

檢視包的列表　　bower list

更新包　　　　　bower update jquery

包的搜尋　　　　bower search jquery

包的資訊　　　　bower info jquery　　，檢視單個包的資訊　　bower info jquery#1.7.1

包的解除安裝　　　　bower uninstall　　jquery

檢視本地快取的包　　bower cache list

檢視jquery 庫的url　　bower lookup jquery

提交自己的類庫：　　　bower init 　　　　生成json配置檔案

提交自己的類庫，其實就是，把自己需要的庫，上傳到自己的git倉庫，然後註冊為 bower 所能認識的安裝包

bower register 名字　　git地址

然後你就可以檢視自己的類庫，安裝，解除安裝，和原有包使用是一樣的。

參考資料：

bower 解決js的依賴管理

bower 官網

包管理工具 bower

4，安裝grunt 到全域性(在系統中任何地方都可以使用)　　自動化工具，build tool

npm install -g grunt-cli

前端整合解決方案，解決前端工程的根本問題：

開發團隊程式碼風格不統一，如何強制開發規範
前端開發的元件庫如何維護和使用
如何模組化前端專案
伺服器部署前必須的壓縮，檢查流程如何簡化，流程如何完善

grunt 構建工具(build tool)初體驗