开发工具介绍

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

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

    2、说明：

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

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

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

    3、总结

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

    4、教程

    Google Chrome Dev Tool使用教程

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

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

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

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

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

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

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

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

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

    教程：Sublime Text视频教程

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