开发工具介绍

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

一、浏览器调式工具

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视频教程

三、文档&工具

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

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