搭建yeoman自動化構建工具

yeoman能夠快速的搭建一個項目的手腳架，初次接觸yeoman，在搭建的過程當中遇到了不少的問題。

yeoman須要node.js（http://nodejs.org）和git（http://git-scm.com/downloads）做爲開發環境，因此須要先安裝這兩個東西。

yeoman主要由三個東西構成，須要分別安裝yo（腳手架工具）、grunt（構建工具）、bower（包管理工具）。

cnmp install -g yo
cnpm install -g grunt-cli
cnmp install -g bower

在這裏使用了cnmp，這是百度的一個東西，比npm安裝要快不少。

由於要本人寫一個AngularJs應用，因此還安裝了

cnmp isntall -g generator-angular@0.9.8

而後建立一個項目目錄例如StockDog，進該目錄運行如下命令建立一個項目

yo angular StockDog

本人第一次沒有安裝yo，因此報了「yo不是內部或者外部命令」的錯誤。

查看咱們的StockDog目錄，如圖

若是此時咱們輸入grunt serve命令啓動配置的本地服務器，不會像預期同樣運行，而是會報錯，提示Unable to find local grunt，這是由於咱們沒有安裝依賴包，查看文件package.json，咱們能夠看到本項目的依賴包。

因此咱們要安裝這些全部的包，執行如下命令

cnmp install

此時項目目錄中會多出一個名爲node_modules的文件夾，該目錄包含了cnpm安裝的包。

再次輸入grunt server命令，仍是報錯，注意下面的紅色報錯字體，沒有發現bower packages

咱們打開bower.json文件，發現了不少項目要依賴的包和模塊，有些是在建立項目的時候選擇的。

因此咱們要安裝這些包和模塊，執行下面命令

bower install

這時我還遇到了不識別bower命令的問題，因而運行下面命令安裝bower

cnpm install bower --save-dev

這時仍是有問題

由於bower是經過git下載包的，由於git沒有在系統環境中配置路徑，此時能夠有兩種方式解決

1. 在Git Bash中運行bower install
2. 配置git的環境變量路徑，例如個人在環境變量path中添加G:\Git\bin。

這時項目又多出了一個目錄bower_components，該目錄包含了bower命令安裝的包，最終的項目文件目錄以下：

這時再運行grunt server，則會應用會啓動，並在默認瀏覽器中打開一個標籤

這時使用yeoman就算成功了。