前端开发环境工具汇总

代码编辑工具

sublime(推荐emmet插件，html、css自动补全等功能)

webstorm

断点调试工具

firebug

angularjs batarang（chrome插件）

开发和调试工具

nodejs

版本管理工具

git

代码合并和混淆工具

grunt是一个前端项目构建工具。

grunt-contrib-jshint（js语法检查）、

grunt-contrib-concat（js合并）、grunt-contrib-uglify（采用UglifyJS压缩js，还有YUI Compressor同样可以压缩js和css）、

grunt-contrib-cssmin（Css压缩合并，值得一提的是ispriter可以合并图片，并且css文件自动引入合并后的图片。)、

grunt-htmlhint（html语法验查）

依赖管理工具

bower（自动安装依赖组件、组件依赖检测、版本兼容自动检测）

单元测试工具

karma（跑测试用例的runner）

jasmine（类似JUnit，提供一套语法编写测试用例，一般配合karma使用）

集成测试工具

Protractor（专门为angularJS定制的集成测试工具，基于WebDriverJS，借助于NodeJS来调用浏览器接口）

轻量级Server

http-server（基于NodeJS的http接口）