Yeoman腳手架搭建angularjs1.6 (mac)

Yeoman是什麼？

Yeoman按照官方說法，它不僅是一個工具，仍是一個工做流。它其實包括了三個部分yo、grunt、bower，分別用於項目的啓動、文件操做、包管理。

Yo: Yo是一個項目初始化工具，能夠生成一套啓動某類項目必需的項目文件。

Bower： 一個客戶端技術的軟件包管理器，它可用於搜索、安裝和卸載如JavaScript、HTML、CSS之類的網絡資源。

GruntJS： GruntJS是基於JavaScript的命令行構建工具，它能夠幫助開發者們自動化重複性的工做。

安裝

基於nodejs，須要先安裝node，安裝時要確保 Add to PATH 被安裝進去，而後安裝依賴的包。
–安裝git，http://git-scm.com/downloads，我是windows版本，安裝的時候須要注意勾選Run git from the Windows Command prompt (從Windows命令提示符下運行git)項。
–安裝gruntjs，參考以前的文章：一步一步安裝Grunt
–Bower是一個客戶端技術的軟件包管理器，它可用於搜索、安裝和卸載如JavaScript、HTML、CSS之類的網絡資源。

安裝國內cnpm源

sudo npm install cnpm 

安裝bower：
sudo cnpm install -g bower

安裝完成後執行：
sudo cnpm install -g yo grunt-cli bower
其中 -g 表明要把 yo , grunt-cli , bower 這三個套件安裝到全域 (global)

建立項目：
在命名行下，進入相應的目錄後，輸入：
sudo cnpm install -g generator-angular
等執行完成後，輸入：
yo angular
會出現由符號拼成的Yeoman的標誌人物，及一些選擇項。
根據須要進行選擇操做，yo 會在最後開始完成全部的安裝工做。這個命令執行要2分鐘左右，會自動下載不少的依賴包。

AngularJS項目結構（Yeoman）
.tmp：臨時目錄
app:開發的源代碼的目錄
dist:生成用於發佈的項目
node_modules:nodejs依賴包
test:測試文件的目錄
.bowerrc:bower屬性
.editooconfig:對開發工具的屬性配置
.gitattributes:git屬性的配置
.gitignore:git管理文件的配置
.jshintr:JSHint配置
.travis.yml:travis-ci持續集成的配置
bower.json:bower依賴管理
Gruntfile.js:grunt開發過程管理
karma.conf.js:karma自動化測試
karma-e2e.conf.js:karma端到端自動化測試
package.json:項目依賴文件

啓動項目：
grunt server

好吧，遇到問題了，提示」unable to find local grunt」，緣由大概是grunt須要安裝在項目目錄中。輸入：
sudo cnpm install grunt –save-dev

若是仍是報錯，請使用

sudo cnpm install 
將安裝包放在 ./node_modules 下（運行cnpm時所在的目錄）

再次執行grunt server，就會發現瀏覽器被自動打開：http://localhost:9000/#/

執行：

grunt --force

生成用於部署的目錄dist。

至此結束。