yeoman 是由三個工具的組成：yo、grunt、bower
yo：yeoman核心工具，專案工程依賴目錄和檔案生成工具，專案生產環境和編譯環境生成工具。
grunt：前端構建工具，jquery就是使用這個工具打包的。
yeoman 特性：
在f盤中新建個資料夾，然後執行dos命令，執行npm install -g yo
安裝好 yeoman 後，就可以通過命令來新建工程，首先新建乙個工程目錄，比如 demo，首先建立 demo 目錄然後在該下鍵入命令：
這時 yeoman 會詢問一些配置設定（這裡全部選擇了 yes），之後就開始自動建立工程。
工程建立完畢後就可以看到 demo 目錄下已經生成了許多目錄及檔案，這時開發所需的環境就搭建好了，可以開始編碼了。
如果工程中需要其它類庫，也可以使用命令方便的新增，例如新增 underscore：
bower install underscoregrunt server
服務啟動後會自動開啟瀏覽器訪問http://localhost:9000/（埠號可以在 gruntfile.js 中配置），然後工程服務會監聽工程目錄下的預編譯檔案，一旦發生改變就自動編譯並重新整理瀏覽器。比如我們修改工程下的 main.scss 檔案，工程服務就會開始運作：
yeoman 內建 mocha 測試框架，在 phantomjs 環境下進行測試，測試命令：grunt test
執行完畢後可以在工程裡的 test 目錄找到測試報告。
至此 yeoman 的部署就完成了。接下來就是自定義一套工程模板。
前端構建工具
一 什麼是 自動化 構建工具 構建工具是一種自動化工具。一般專案都有較多的檔案，為開發維護方便拆分單個的模組,在發布的時候,對拆分後的各模組進行合併,壓縮等，構建工具可以幫完成這些重複的工作。二 什麼是包管理工具 可以安裝 解除安裝 更新 檢視 搜尋 發布等功能。類似grunt，gulp構建工具，和...
前端構建工具
devdependencies gulp強調的是前端開發的工作流程，側重於前端開發的整個過程的控制管理 像是流水線 我們可以通過配置一系列的task，定義task處理的事務 例如檔案壓縮合併 雪碧圖 啟動server 版本控制等 然後定義執行順序，來讓gulp執行這些task，從而構建專案的整個前端...
入門gulp前端構建工具
1.全域性安裝 gulp 倘若之前電腦安裝過，則跳過此步驟 cnpm install g gulp 2.作為專案的開發依賴 devdependencies 安裝 此步驟會自動在目錄下建立package.json檔案，因此無需cnpm init cnpm install s e dev gulp 3....