/

介紹 Yeoman

介紹 Yeoman

Yeoman 是一個非常酷的工具,是許多值得尊敬的開發人員共同努力的結晶,旨在簡化網絡應用項目的設置和管理。

警告:此文章為舊文,可能不符合最新技術狀態。

Yeoman 是一個很有意思的工具,它的最重要的幾個特點包括:

  • 它建立在穩定的工具之上,提供了簡單易用的接口,方便快捷地使用它們,而不需要重複發明輪子。
  • 它是一個用於最受歡迎框架的腳手架工具,支持 Bootstrap、Ember.js、Angular.js、Backbone.js 等等。
  • 借助 Bower(一個類似 Jam、Volo、Ender 的前端包管理工具,但更好),它提供了快速安裝、卸載和更新幫助功能,支持常用庫,如 jQuery、Underscore.js、Modernizer、Mocha、Backbone,以及任何已經存在的 Bower 包。
  • 它內置測試功能,使用 mocha 在命令行中執行 PhantomJS(無界面瀏覽器)實例,或者在瀏覽器中打開 test/index.html 頁面進行測試。
  • 它提供了一個 Python HTTP 服務器,用於測試代碼。當 web 服務器運行時,它會監聽項目中文件的變化,在你打開的頁面依賴於已更改的文件時重新加載瀏覽器。因此,你在開始編寫前端代碼之前,甚至不需要準備後端。

構建 Yeoman 項目非常簡單。
首先,安裝它:

$ curl -L get.yeoman.io | sh

然後進入一個空目錄,輸入以下命令:

$ yeoman init

這樣,它會出現歡迎界面,以及一個列表選項,用於向項目添加內容。

你可以通過以下命令開始一個新的 Ember.js 項目:

$ yeoman init ember

這將創建一個新的 Ember.js 應用程序,創建一組基本的模型、控制器和視圖/模板(以及它們的目錄),為所有依賴項添加腳本標籤(包括 jQuery、Handlebars),並根據 HTML5 boilerplate 項目 http://html5boilerplate.com/ 創建一個 index.html 文件。

你可以使用 Yeoman 來啟動項目、更新項目中的依賴、運行測試等等。
當項目準備好部署時,你可以利用 Yeoman 中內置的 Grunt https://github.com/cowboy/grunt,通過執行 “yeoman build” 命令,對項目進行語法檢查、編譯(用於生產)、連接和壓縮腳本和樣式,以及壓縮圖片等操作。

tags: [“Yeoman”, “scaffolding tool”, “web app projects”, “Bower”, “testing”, “Grunt”]