前端开发常用工具之开发工具篇

由于近年来RIA相关技术的兴起，WEB前端相关职位已经开始出现在越来越多的互联网公司中，而且越来越受到人们的重视。

现在做前端 与前些年（PS设计出效果图，dreamweaver拉出界面，就可以交由后台程序员来套程序了）已经完全不同。由于浏览器运行环境以及RIA项目需求的 特殊性，WEB前端所涉及的东西也越来越多，web标准、多浏览器兼容、程序性能、JS内存泄露、js/Ajax的调试...很多很多的问题摆到了WEB 前端开发人员身上，因此如果能有一些相关的小工具来辅助我们，相信对于我们的项目开发效率和开发难度上都会有所改善。

尽管本人在前端开发方面还有太多太多的未知，但是在实际开发中也积累了不少各类各样的前端开发用的小工具，有些工具对于我们的项目来说甚至是事半功倍的。

废话不多说，我就分类来分享一下本人所用到一些工具，一来自己做个总结，二来希望能对其它做开发的朋友有所帮助。

这篇文章主要介绍关于开发方面的相关的工具。

1、Aptana

说到Aptana，我想每一位做前端技术的朋友都应该已经知道它的大名了。Aptana是一个基于Eclipse的致力于前端开发（JavaScript）的工具，其功能非常强大，而且是开源项目（Profession版收费）。

它具有以下特点：

1、JavaScript,HTML,CSS代码提示
2、代码结构（大纲）：显示JavaScript,HTML和CSS的代码结构。 
3、代码语法错误提示。 
4、支持Aptana UI自定义和扩展。 
5、支持跨平台。 
6、支持流行AJAX框架的Code Assist功能：AFLAX，Dojo，JQuery，MochiKit，Prototype，Rico，script.aculo.us，Yahoo UI。 
7、JS代码在IE/FF下的断点调试。
8、插件丰富，如AIR、PHP、Ruby、Python等语言的开发插件。
9、内置其自行开发的Ajax应用服务器Aptana Jaxer。

对于纯前端的开发来讲，特别是js的开发来讲，aptana真的是不可多的的好工具。

2、Spket

Spket也是一个基于Eclipse构建起来的开源JS开发工具。可单独使用，也可作为eclipse插件使用。具有强大的JS、Ajax框架代码提示功能。特别是开发Jquery /ExtJS 时，使用这个插件可以为开发带来极大的方便，免去记忆和查找大量复杂API之苦。特别推荐使用EXT的开发人员使用，这个工具应该是当前开发extjs的首推工具了，网上甚至有人称其为“Ext开发人员的紫色匕首”。

3、TopStyle

这 个工具真是太有名了，我想每位做前端的人可能都要比我还要熟悉它，它是一款功能专注于CSS设计的辅助工具，功能十分丰富，包括：可以选取特定的浏览器或 CSS阶层、内建的样式表检查器、内部的预览能力、以颜色标示的编辑器，以及样式预览等，具体可以到这里看介绍： [URL=]http://baike.baidu.com/view/662735.htm[/URL]。

4、JSA 优秀的JS代码压缩混淆工具

这 个本来应该不算开发工具，但是不知归到哪里比较好，而且觉得这个对于最终代码发布来说还是一个很有用的工具，因此这里就推荐一下。JSA是用基于JAVA 开发的js脚本压缩工具，文件后缀是jar格式的，因此需要你的电脑首先安装了JRE运行环境。该压缩工具采用的压缩算法，可以使你的JS代码达到最小， 从而加速页面的加载速度。

5、PlayColor/飞鱼网页尺/SWFDecompiler

这里推荐的三款工具主要使用于界面和美工设计。

PlayColor 是一块小巧的取色工具，在网页设计中，特别是参考一些设计资源的配色时，这个工具能为我们带来很大的方便。

飞鱼网页尺 是一个用来测量屏幕中两点之间距离的小工具，这个在前端页面的设计制作中也用的比较多，当然可取代的工具也不少，有兴趣的大家可以网上找找。

SWFDecompiler ：大名顶顶的Flash反编译工具，有时候我们再网上看到很多有用的Flash，但是由于没有源码，即没办法应用到我们的项目中，又不能学习研究其源码，有了这个工具，你的想法基本就可以实现了。

这几个工具这里就不给出下载地址了，baidu/google一下，N多可以下载的。