服务购

　　有一句俗语“工欲善其事必先利其器”，在做前端开发时有一个好的前端开发工具能让你事半功倍，接下来小编就系统的整理一下好用前端开发工具。

　　一、首先我们来了解一下什么是前端开发。Web前端开发是从网页制作演变而来，其中包括三个要素：HTML、CSS和JavaScript；Web前端用人数量已经远远超过主流编程语言的开发人员的数量。

　　据统计，我国对于Web前端工程师人员的缺口将达到12万。在2016年的岗位全年共招聘136848人，平均每月招聘人数需求11412人。

        二、常用的IDE：Visual Studio 2008：智能提示不错，可以提示外部引用的js代码中的变量和方法，支持C#风格的文档注释；支持单步跟踪调试，也可以格式化代码，当写js的时候会根据输入的分号和括号自动格式化代码，当代码有语法错误的时候不能格式化，所以写代码的时候很容易发现代码是不是有语法错误；缺点是不支持代码折叠，需要安装插件（不是很好用）。

　　三、EmEditor：这个是轻量级的文本编辑器，支持多种语言的代码高亮，但不支持智能提示，支持安装插件（基于js开发），我一般用来写简单的脚本和格式化代码（许安装插件）。

　　四、常用的调试工具：

　　1、浏览器下的插件：调试工具有Firebug（FF），Web Developer（IE），IETester（浏览器兼容性测试）。个人在FF下调试多一些，还装了几个插件：YSlow（性能优化），Page Speed（性能优化），DNS Flusher（清除浏览器DNS缓存，不重启浏览器使hosts生效），Sen SEO（*****工具），CSS Userage（清理多余的CSS），Web Developer，User Agent Switcher（更换浏览器UserAgent）。Chrome下用得少，基本上用自带的就差不多了。

　　2、第三方软件：Fiddler：Microsfot出品的免费产品，非常好用，可以抓几乎所有的应用程序的HTTP请求。可以**，修改请求等，具体可以Google一下“Fiddler用法”。HttpWatch：也是**工具，这个是收费的，IE下非常好用的**工具。类似的HTTP Analyzer也是个非常不错的工具，可以按进程区分抓到的HTTP请求，并且可以修改某些参数后再次模拟此请求。

      前端开发工具正确合理熟练的运用，能很好的帮助你做前端开发的工作，小编的整理就到这里了，希望能够对您有帮助。