demo---angular-phonecat:一個完整的項目目錄結構實例

代碼編輯工具

node.js
Sublime 輕量級 支持快捷編碼
webstorm 非常強大集成的十分多的功能 

斷電調式工具

Chrome插件Batarang

版本管理工具

git
svn
cvs

代碼合並和混淆工具

NodeJS 要使用npm命令進行安裝grunt 
可以在gruntjs官網查看相應文檔 作用就是運行相應命令後，再在代碼編輯器中點擊保存自動壓縮js文件

依賴管理工具

bower
功能：自動安裝依賴的組件 如：切換到bower路徑 下執行命令：bower install bootstrap自動安裝到bower_components文件下
        組件之間的依賴檢測
        版本兼容性自動檢測
  官網：http:
 
//bower.io/
類似於java中的maven

單元測試工具

輕量級Server--http-server
    一款簡單的http-server
    基於nodeJS的HTTP接口
主要是用來數據的模擬，如重量級的後端，就可以采用http-server來數據的模擬

集成測試工具

需要先按照karma

jasmine相當於java中的junit,提供了一套語法，用來編寫測試用例 http://jasmine.github.io/
jsamine四個核心概念：分組，用例，期望，匹配,分別對應jasmine的四種函數

describe(string,function)這個函數表示分組，也就是一組測試用例
it(string,function)這個函數表示測試用例。
expect(expression)表示期望expression這個表達式具有某個值或具有某種行為。
to***(arg)這個函數表示匹配。

專門為AngularJS定制的測試工具--Protractor
　　一款集成測試工具，專門為AngularJS應用而設計；
　　基於WebDriverJS;
　　原理：利用WeDriverJS,可以借助於nodeJS直接調用瀏覽器（IE,FF，Chromme)的接口；
https://github.com/angular/protractor
https://code.google.com/p/selenium/wiki/WebDriverJS
請註意，Protractor是為AngularJS專門定制的工具，但是WebDriverJS是通用的
 

前端開發環境需要的工具