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

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

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–轻量级Server

  一款简单的http-server
  基于NodeJS的HTTP接口

单元测试工具

• karma

• Jasmine

  四个核心概念：
  分组：describe(string,function)这个函数表示分组,也就是一组测试用例
  用例：it(string,function)这个函数表示测试用例
  期望：expect(expression)表示期望expression这个表达式具有某个值或者 具有某种行为
  匹配：to***(arg)这个函数表示匹配