开发工具的使用
这里所说的开发工具，指的是前端开发使用的工具
一、浏览器调式工具
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使用教程
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，用习惯后，熟悉使用快捷键，你编码的速度会快上几倍。
三、文档&工具
在开发中经常使用的文档工具；下边整理的一些网站：
（很多，不一一列举，针对前端开发工程师来说，这只是小部分，详情请去了解【学习指导&资源篇】）