Question

这里所说的开发工具，指的是前端开发使用的工具

一、浏览器调式工具

1、浏览器开发调式工具推荐三种

• Google Chrome 推荐 ★★★★★
• Firefox Firebug 推荐 ★★★★
• Internet Explorer 推荐 ★★★

2、说明：

以上是本人个人观点，当然，也是网上调查统计的结果。

使用Google Chrome开发者调式工具之前，我曾用过FireFox的Firebug调式工具，Firebug对于前端开发也可谓神器。
但在使用了Chrome开发者调式工具后，我就喜欢上它的简洁、快速，无论是启动速度还是页面解析速度还是Javascript执行速度。

但是，作为前端开发，功能和页面样式等必须兼容各个主流浏览器，包括Internet Explorer各个版本的兼容。
所以，不管你喜欢使用哪款调式工具，Internet Explorer浏览器的调式使用方法也必须掌握。

3、总结

工具看个人喜好和习惯，为的只是提供开发效率而已。（最后保证网站功能在各浏览器都有个良好的兼容性）

4、教程

Google Chrome Dev Tool使用教程

网站性能优化 之 Chrome DevTools（一）

网站性能优化 之 Chrome DevTools（二）

网站性能优化 之 Chrome DevTools（三）

Firefox Firebug Tool 使用教程

Internet Explorer 9 调式教程（临时没找到好的教程，自行去了解，作为FED，不管你多么不喜欢IE，你都必须熟悉IE，因为IE是主流浏览器之一）

PS: Chrome Developer Tools视频教程在freecodecamp站点有，可以注册账号观看一下 ，中文站点freecodecamp.cn

二、代码编辑器（IDE）

Java Web项目开发的话，MyEclipse（eclipse）当然算是优先选用的。至于版本问题，建议使用MyEclipse10.7代替10.0版本，效率问题，10.0的太卡。或者能选择MyEclipse2015也不错的.

但是对于CSS、HTML、JavaScript代码的编写，作为一名FED（Front-End Developer)，你需要更快更方便的代码编辑器。

强烈推荐使用以下工具替代MyEclipse编写你的前端代码

• Sublime Text 速度快，轻且小，可以通过安装插件来满足你想要的效果，可以看官网介绍就知道他有多方便。

• WebStorm前端神器，你想要的任何效果他都有，不过比较重，电脑配置好的或者是不想安装插件的，可以用这个。

• Visual Studio Code (Node.js的话推荐，微软出品并开源，越来越好)

等其他类似的前端代码编辑器，看个人习惯和喜好。

以上三款都支持Zen Coding，用习惯后，熟悉使用快捷键，你编码的速度会快上几倍。

教程：Sublime Text视频教程

三、文档&工具

在开发中经常使用的文档工具；下边整理的一些网站：

• 开源API文档大全
• Open开发经验
• 开源社区工具
• 在线工具
• JS代码检查工具JSHint或JSLint

（很多，不一一列举，针对前端开发工程师来说，这只是小部分，详情请去了解【学习指导&资源篇】）