AngularJS学习笔记（二）

开发、测试、调试工具

1.我们需要什么样的前端开发环境？

• 代码编辑工具

  • sublime，轻量级的编辑器。有各种方便的快捷键，庞大的插件库，最关键还可以支持zencoding，使用最简单的语法生成结构的html
  • 神器webstorm，不说什么了，用过的都不会后悔的，公司很良心，学生不收钱。

• 断点调试工具

  • chrome插件Batarang，针对Angular.js的调试器。属于基础的chrome的开发者工具的一个扩展插件。

• 版本管理工具

  • svn
  • git
  • 另外mac环境下有一个SourceTree的软件，非常的好用，而且免费。可以清楚的看到每一次commit的代码的改变对比。

• 代码合并和混淆工具

  这个部分都是基于node.js的插件，需要安装node.js和npm

  • grunt

    支持的功能有：JS文件合并，JS代码自动压缩，每次ctrl+s的时候自动执行以上动作，还可以ctrl+s自动运行单元测试和集成测试。

    官网文档：http://www.gruntjs.net/sample-gruntfile

  • 另外还有gulp

• 依赖管理工具

  • bower

    自动安装依赖的组件，组件之间的依赖检测，版本兼容性自动检测

    官网：bower.io

• 单元测试工具

  • karma + Jasmine
  • Protractor 专门为Angular.js定制的测试工具

• 集成测试工具

• 其他

  • 轻量级Server：http-server

    如果后台还没有开发完毕，我们可以自己用json模拟数据，使用这个server来测试我们的页面