yeoman開始項目

使用 yeoman 構建項目以前，你須要安裝這兩個環境：node,ruby。

爲何須要使用node？由於咱們須要使用grunt自動化工具，而grunt工具則是依賴node。

爲何須要使用ruby？我開發項目極可能須要用到sass或者compass等，而這兩個工具則是依賴ruby。

 

yeoman依賴工具：bower，grunt

在使用 yeoman 前，咱們須要確保 bower 和 grunt 已經安裝好了。

另須要注意，不一樣版本的 yeoman 依賴的 node，npm的版本需求也是不同的。

如今，準備工做都好了，咱們開始咱們的項目：

一、安裝 yeoman 

$ npm install -g yo

　　若是你是 mac 用戶，則須要使用 sudo（超級用戶權限）運行該命令 。

 

二、查看須要的工具是否都安裝好了

$ yo --version && bower --version && grunt --version

　　運行該命令咱們會看到以下四條輸出：

1.4.6
1.4.1
grunt-cli v0.1.13
grunt v0.4.5

　　分別輸出他們版本。

 

三、安裝生成器

$ npm install -g generator-angular

　　這裏咱們建立一個基於angularjs的生成器。也能夠安裝某一個版本的生成器：

$ npm install -g generator-angular@0.7.1

 

四、使用生成器搭建應用

$ yo angular

　　接着，generator-angular會詢問你需不須要使用Sass和/或者Bootstrap，使用’n'和’y'進行選擇。

而後你須要選擇你須要使用的Angular模塊。Angular模塊是一些帶有特定功能的獨立的JS文件。舉個例子，ngResource模塊（angular-resource.js）提供了RESTful服務。你可使用空格鍵來取消項目。

 

五、運行項目

$ grunt serve

　　運行命令後本地會啓動一個基於Node的http服務。經過瀏覽器訪問http://localhost:9000就能夠看到你的應用了。