網頁

搜尋此網誌

2014年7月3日 星期四

Yeoman 自耕農

Yeoman 是一個可以幫助我們快速開發 Web 的鷹架工具 (scaffolding tool),規定最佳實踐 (best practices) 的方法,使得 Web 的開發工作更具生產力。Yeoman 是使用稱為「產生器(Generator)」的外掛方式擴充,使用 Generator 可以快速產生 Web 所需的目錄結構和程式庫檔案,於是  Web 的開發不需要去煩惱這些瑣事,開發者可以專心寫程式去解決問題。

Yeoman 事實上是 3 個工具的組合 (stack),各自負責不同的工作。
  • yo
    鷹架工具,執行 Yeoman 的 Generator,用來產生 Web 鷹架。
  • Grunt
    建置工具,用來自動化執行任務工作,例如最佳化 HTML 輸出檔案、啟動測試伺服器等。
  • Bower
    套件管理工具,用來管理程式庫的相依性,例如某些 CSS 套件需要 jQuery 就會一起安裝。
在 Ubuntu 上安裝 Yeoman 必須先擁有 Node.js 套件管理程式,也就是 npm,只要安裝 Node.js 後就有 npm 可以使用,執行下列指令安裝 Yeoman:(注意要變成 root,在執行 npm 安裝 yo 套件)

sudo su
npm install -g yo
yo --version

雖然說指令上只有 yo 套件,但執行後會一併安裝 yo, grunt, bower 共 3 個工具。

接著滿重要的是,要安裝需要的Generator,一開始是沒有任何 Generator,請參考 Generator 清單,最常用的大概是 webapp 產生器,Generator 使用 npm 安裝,以 webapp 產生器來說指令是:

sudo su
npm install -g generator-webapp
yo --generators
exit
mkdir my-yo-project
cd my-yo-project
yo webapp

Generator 的套件名稱通常以 generator- 為字首,但應以各個 Generator 的網站為依據。Yeoman 的操作請參考官方的 Getting started ,其中 Grunt 和 Bower 的功能較多,詳細內容可以參閱各自的網站。

###

沒有留言:

張貼留言

熱門文章