1、什麼是Yeoman
一般在開發新項目時咱們都須要配置工程環境,開發目錄,須要下載一些庫、框架文件(如 jQuery、Backbone 等),配置編譯環境(Less、Sass、Coffeescript等),甚至還要配置單元測試框架,過程很是繁瑣,還沒開始編碼時間就耗了大半天。爲了解決這個問題 Paul Irish、Addy Osmani、Sindre Sorhus、Mickael Daniel、Eric Bidelman 和 Yeoman 社區共同開發的一個項目——Yeoman。 前端
Yeoman 是由三個工具的組成:YO、GRUNT、BOWER shell
YO:Yeoman核心工具,項目工程依賴目錄和文件生成工具,項目生產環境和編譯環境生成工具。
GRUNT:前端構建工具,jQuery就是使用這個工具打包的。
BOWER:Web 開發的包管理器,概念上相似 npm,npm 專一於 NodeJs 模塊,而 bower 專一於 CSS、JavaScript、圖像等前端相關內容的管理。 npm
Yeoman 特性: 瀏覽器
- 快速建立骨架應用程序——使用可自定義的模板(例如:HTML五、Boilerplate、Twitter Bootstrap等)、AMD(經過RequireJS)以及其餘工具輕鬆地建立新項目的骨架。
- 自動編譯 CoffeeScrip 和 Compass——在作出變動的時候,Yeoman 的 LiveReload 監視進程會自動編譯源文件,並刷新瀏覽器,而不須要你手動執行。
- 自動完善你的腳本——全部腳本都會自動針對 JSHint 運行,從而確保它們遵循語言的最佳實踐。
- 內建的預覽服務器——你不須要啓動本身的 HTTP 服務器。內建的服務器用一條命令就能夠啓動。
- 很是棒的圖像優化——使用 OptPNG 和 JPEGTran 對全部圖像作了優化。
- 生成 AppCache 清單——Yeoman 會爲你生成應用程序緩存的清單,你只須要構建項目就好。
- 「殺手級」的構建過程——你所作的工做不只被精簡到最少,讓你更加專一,爲你節省大量工做。
- 集成的包管理——Yeoman 讓你能夠經過命令行輕鬆地查找新的包,安裝並保持更新,而不須要你打開瀏覽器。
- 對ES6模塊語法的支持——你可使用最新的 ECMAScript 6 模塊語法來編寫模塊。這仍是一種實驗性的特性,它會被轉換成 eS5,從而你能夠在全部流行的瀏覽器中使用編寫的代碼。
- PhantomJS單元測試——你能夠經過 PhantomJS 輕鬆地運行單元測試。當你建立新的應用程序的時候,它還會爲你自動建立測試內容的骨架。
(以上解釋摘自:http://www.iinterest.net/2013/05/04/f2e-tool-yeoman/) 緩存
2、Yeoman的安裝
Yeoman的安裝很是簡單,只需在命令行下執行npm安裝便可,先進入項目目錄,而後鍵入以下命令: 服務器
sudo npm install -g yo
安裝程序會檢查本地環境的支持狀況,若是某些支持版本太低,會給出提示。
3、如何使用Yeoman構建前端
未完,待續... 框架