前端开发、调试、测试工具

前端需要什么样子的开发环境？

1.代码编辑工具

2.断点调试工具

3.版本管理工具

4.代码合并和混淆工具

5.依赖管理工具

6.单元测试工具

7.集成测试工具

11款创建前端工具

代码编辑工具

sublime

WebStorm

断点调试工具

chrome插件Batarang

版本管理工具

GIT

git小乌龟

开发和调试工具

NodeJS

代码合并和混淆工具

grunt

JS文件合并

JS代码自动压缩

每次Ctrl+S的时候自动执行以上动作

还可以每次Ctrl+S自动运行单元测试、集成测试

Grunfile实例 必备插件

grunt contrib uglity 对代码进行混淆的

grunt-contrib-concat 合并文件

grunt-contrib-watch 监控文件变化

依赖管理工具

bower–自动化管理神器

自动安装依赖组件

组件之间的依赖检测

版本兼容性自动检测

http-server–轻量级Serve
4000
r

一款简单的http-server

基于NodeJS的HTTP接口

单元测试工具

karma

Jasmine

四个核心概念：

分组：describe(string,function)这个函数表示分组,也就是一组测试用例

用例：it(string,function)这个函数表示测试用例

期望：expect(expression)表示期望expression这个表达式具有某个值或者 具有某种行为

匹配：to***(arg)这个函数表示匹配