前端工程構建工具——Yeoman

Yeoman 1.0 包含如下三套工具，分別說明以下：

• yo - the scaffolding tool from Yeoman ( 用來自動產生 網站骨架 或 程式碼 的工具 )
• bower - the package management tool ( 用來管理特定網站下所使用的各式 前端套件 ，如: jQuery )
• grunt - the build tool ( 用來執行一些網站的 自動化工做 ，例如單元測試、最小化、執行批次命令 )

安裝：

一、安裝 NodeJS

二、安裝 Ruby

三、 安裝 Compass

http://rubygems.org/gems/compass

sudo gem update --system

sudo gem install compass

 

安裝 Yeoman

npm install -g yo grunt-cli bower

  其中 -g 表明要把 yo , grunt-cli , bower 這三個套件安裝到全域 (global)

 

安裝 yo 相關的 程式碼產生器 (generator) 套件

yo

選擇 Install a generator

輸入 web

選擇「generator-webapp」

注：上面的過程，也能夠直接用命令

npm install -g generator-webapp

npm install -g generator-backbone

npm install -g generator-angular

https://github.com/yeoman/generator-angular

Yeoman工具包yo – 快速構建一個web項目

 

建立demo目錄，並構建webapp工程

進入demo 命令yo webapp

 

yeoman-example:

https://github.com/addyosmani/yeoman-examples.git

 

參考：http://www.iinterest.net/2013/05/04/f2e-tool-yeoman/