Yeoman安裝與入門

來自： http://my.oschina.net/u/2399867/blog/614670

一、什么是Yeoman

通常在開發新項目時我們都需要配置工程環境，開發目錄，需要下載一些庫、框架文件（如 jQuery、Backbone 等），配置編譯環境（Less、Sass、Coffeescript等），甚至還要配置單元測試框架，過程非常繁瑣，還沒開始編碼時間就耗了大半天。為了解決這個問題 Paul Irish、Addy Osmani、Sindre Sorhus、Mickael Daniel、Eric Bidelman 和 Yeoman 社區共同開發的一個項目——Yeoman。

Yeoman 是由三個工具的組成：YO、GRUNT、BOWER

YO：Yeoman核心工具，項目工程依賴目錄和文件生成工具，項目生產環境和編譯環境生成工具。
GRUNT：前端構建工具，jQuery就是使用這個工具打包的。
BOWER：Web 開發的包管理器，概念上類似 npm，npm 專注于 NodeJs 模塊，而 bower 專注于 CSS、JavaScript、圖像等前端相關內容的管理。

Yeoman 特性：

• 快速創建骨架應用程序——使用可自定義的模板（例如：HTML5、Boilerplate、推ter 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/）

二、Yeoman的安裝

Yeoman的安裝非常簡單，只需在命令行下執行npm安裝即可，先進入項目目錄，然后鍵入如下命令：

sudo npm install -g yo

三、如何使用Yeoman構建前端

未完，待續...