前端开发环境需要的工具

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是通用的