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 

前端集成解決方案，解決前端工程的根本問題：

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