开发工具介绍
这里所说的开发工具,指的是前端开发使用的工具
一、浏览器调式工具
1、浏览器开发调式工具推荐三种
- Google Chrome 推荐 ★★★★★
- Firefox Firebug 推荐 ★★★★
- Internet Explorer 推荐 ★★★
2、说明:
以上是本人个人观点,当然,也是网上调查统计的结果。
使用Google Chrome
开发者调式工具之前,我曾用过FireFox的Firebug
调式工具,Firebug
对于前端开发也可谓神器。
但在使用了Chrome开发者调式工具
后,我就喜欢上它的简洁、快速,无论是启动速度还是页面解析速度还是Javascript执行速度。
但是,作为前端开发,功能和页面样式等必须兼容各个主流浏览器,包括Internet Explorer
各个版本的兼容。
所以,不管你喜欢使用哪款调式工具,Internet Explorer
浏览器的调式使用方法也必须掌握。
3、总结
工具看个人喜好和习惯,为的只是提供开发效率而已。(最后保证网站功能在各浏览器都有个良好的兼容性)
4、教程
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,用习惯后,熟悉使用快捷键,你编码的速度会快上几倍。
三、文档&工具
在开发中经常使用的文档工具;下边整理的一些网站:
(很多,不一一列举,针对前端开发工程师来说,这只是小部分,详情请去了解【学习指导&资源篇】)