1.2 配置JavaScript开发环境

近几年JavaScript的开发工具也得到了蓬勃发展，大小工具琳琅满目，笔者结合自身经验介绍一些常用的优秀开发工具，抛砖引玉，使读者对常用的JavaScript开发工具有所认识，对于每一款软件的具体使用，读者朋友可到网上去搜索、查找，由于篇幅有限，就不包括在本书内了。

大部分读者应该是在Windows平台下进行开发，因此本书主要以Windows操作系统为主来介绍各种JavaScript开发环境。

1.2.1 EditPlus

EditPlus是一个程序员使用的老牌编程工具，支持很多语言，它是一款由韩国Sangil Kim （ES-Computing）出品的小巧但是功能强大的可处理文本、HTML和程序语言的编辑器。运行效果如图1-7所示，图中版本是4.3，网上的版本很丰富，读者可以根据实际情况去选择。

笔者主推Edit Plus的理由是，体积小，普及率高，上手快，可闪电般打开10000行代码的文件，支持多种语法高亮，当然包括JavaScript，提供各种接口，插件简洁且丰富，在网络中极易找到，是快速修改、查阅JavaScript代码的神级利器。

1.2.2 Adobe Dreamweaver

曾经被誉为“网页三剑客”之一的Dreamweaver备受广大网页设计和开发人员的喜爱，历史非常悠久，运行效果如图1-8所示。

CS6版本支持CSS3、HTML5，并集成了jQuery代码提示功能，是网页开发人员开发大型项目或长期使用的必备工具。

1.2.3 Sublime Text

Sublime Text是JavaScript集成开发环境IDE中比较漂亮（见图1-9）的且对开发支持非常良好的一款文本编辑器，简洁、强大、高效。

它处理JavaScript文件的效率的确比不上EditPlus，但是做了很多用户体验方面的改进和支持，对审美有要求的读者可果断入手。

1.2.4 JetBrains WebStorm

JetBrains WebStorm被国内广大前端开发者誉为“Web前端开发神器”“最强大的HTML5编辑器”“最智能的JavaScript IDE”等。图1-10是其华丽的启动界面，当然它的内涵也相当丰富。

这个IDE打开之后，不仅可以看到项目结构，还能看到js文件的代码结构，如图1-11所示。

强大是要付出代价的。WebStorm会消耗大量内存，由于自身是由Java语言编写的，因此某些界面和Windows默认风格格格不入，比较怪异。

1.2.5 Aptana Studio

Aptana是一个强大、开源、JavaScript-focused的AJAX开发IDE。它的特点包括JavaScript函数、HTML和CSS语言的代码提示功能。Aptana安装简便，基本上按照提示一直单击Next按钮（见图1-12）即可安装完成。

Aptana在第一次启动时，会弹出如图1-13所示的对话框，让用户选择一个目录作为工作空间，相比WebStorm那种在每一个目录下创建一个临时文件的软件来说，这种方式更容易让人接受。可直接单击OK按钮，如果不想以后弹出此对话框，勾选图中的复选框就可以了。

对前端开发者来说非常实用的功能是，它支持JavaScript、HTML和CSS的代码结构分析，这一点和WebStorm差不多，图1-14是在Aptana中打开一个js文件的运行效果图。

Aptana也是一个吃内存的大户，但是它还提供一个非常不错的MyEclipse插件版本，这又拉住了不少程序员的心，但目前使用这款软件的用户已经越来越少。