前端开发需要用到哪些开发工具呢？有哪些分类？他们各自的优缺点是什么？

Question

这个简单的问题在百度上有很多版本的答案，如果在面试中问到了，该怎么回答呢？
我理解的是工具要分很多种。比如：编辑器，优化工具，还有调试工具等.....浏览器算不算呢？

Answer 1

编辑器: sublime, webstorm, atom, vim等
调试工具: 浏览器自带的devtools，移动端页面远程调试等
构建工具: gulp, grunt, webpack
包管理工具: bower
远程服务器工具: filezilla/shell

工具主要作用就是帮工程师减少工作量，自动化处理，如压缩css, 合并js/css, 上传cdn, 图片优化, 管理jquery等三方库

Answer 2

你就说说你自己会用的工具就行啦。

编辑器肯定算。你说的优化工具可能主要就是构建工具吧，比如gulp。
浏览器肯定要说chrome。

调试工具的话，chrome，或者一些代理工具都算。

Answer 3

自己用什么就是说什么吧
编辑器 hbuilder我是一直用的这个
优化工具的话 gulp
浏览器就是 firefox chrome
调试工具的话 浏览器自带的