一些新玩意:

Yeoman

yeoamn由3個應用構成:yo,Grunt,Bower

 

node下安裝:

npm install -g yo grunt-cli bower

　

進入本身的工程目錄,如: 

cd f:/angularApp

　　

1.Yo

首先選擇須要加載的包, yo 目前支持 html5 Boilerplate、jquery、Modernizr、Bootstrap、RequireJS等

 

 

yo angular

 

 

Yo會詢問你須要是否須要加載bootstrap,輸入y/n;

隨後,yo會給出關於angular的提示,以及能夠選擇的組件,空格選擇,回車確認.

 

2.Grunt

yeoman內置了Node服務器服務，並且會監聽工程目錄下的文件的改變，一旦文件發生改變會從新編譯文件（sass/less/coffscript）

 

grunt server

 

端口默認是9000,能夠在gruntfile中的options.port中修改;

Yeoman默認使用mocha做爲測試框架，是在 PhantomJS環境下進行迴歸測試。

命令:

grunt test

 

可能會報錯,由於沒有Saas環境,在gruntfile中修改對應的選項

 

3.bower

好比，我想要在工程中引入 underscore.js

bower上場了，使用bower從在線包管理器中拉取underscore代碼

bower install underscore  

　　

Yeoman特性總結

• 快速建立骨架應用程序——使用可自定義的模板（例如：HTML五、Boilerplate、Twitter Bootstrap等）、AMD（經過RequireJS）以及其餘工具輕鬆地建立新項目的骨架。
• 自動編譯CoffeeScrip和Compass——在作出變動的時候，Yeoman的LiveReload監視進程會自動編譯源文件，並刷新瀏覽器，而不須要你手動執行。
• 自動完善你的腳本——全部腳本都會自動針對jshint（軟件開發中的靜態代碼分析工具，用於檢查JavaScript源代碼是否符合編碼規範）運行，從而確保它們遵循語言的最佳實踐。
• 內建的預覽服務器——你不須要啓動本身的HTTP服務器。內建的服務器用一條命令就能夠啓動
• 很是棒的圖像優化——Yeoman使用OptPNG和JPEGTran對全部圖像作了優化，從而你的用戶能夠花費更少時間下載資源，有更多時間來使用你的應用程序。
• 生成AppCache清單——Yeoman會爲你生成應用程序緩存的清單，你只須要構建項目就好
• 殺手級」的構建過程——你所作的工做不只被精簡到最少，讓你更加專一，並且Yeoman還會優化全部圖像文件和HTML文件、編譯你的CoffeeScript和Compass文件、生成應用程序的緩存清單，若是你使用AMD，那麼它還會經過r.js來傳遞這些模塊。這會爲你節省大量工做
• 集成的包管理——Yeoman讓你能夠經過命令行（例如，yeoman搜索查詢）輕鬆地查找新的包，安裝並保持更新，而不須要你打開瀏覽器
• 對ES6模塊語法的支持——你能夠使用最新的ECMAScript 6模塊語法來編寫模塊。這仍是一種實驗性的特性，它會被轉換成eS5，從而你能夠在全部流行的瀏覽器中使用編寫的代碼
• PhantomJS單元測試——你能夠經過PhantomJS輕鬆地運行單元測試。當你建立新的應用程序的時候，它還會爲你自動建立測試內容的骨架