综合评测：十款JavaScript编辑器大比拼

JavaScript程序员们已经拥有大量优秀的工具方案可供选择——或者已经能够用海量来形容，甚至多到难以一一尽述。在今天的文 章中，我们将一同了解十款能够为JavaScript、HTML 5以及CSS提供良好开发支持，并且在文本记录中提供Markdown功能的文本编辑器。为什么要使用这样一款编辑器而非完整的IDE来进行 JavaScript编程工作呢？一言以蔽之：速度。

编辑器与IDE之间的本质区别在于，后者有能够调试、甚至在某些情况下对代码进行测试。IDE同时也支 持应用程序生命周期管理（简称ALM）系统。我在这里提到的大部分编辑器都至少支持一种版本控制系统，一般为Git，因此时至今日IDE与编辑器的核心差 异已经不再像过去那样显著了。

正如大家将在评分表中所见，Sublime Text仍然雄踞JavaScript编辑器领域的竞赛榜单，这主要源自其出色的速度表现与便捷的编辑功能。Brackets与TextMate则几乎并 列居于第二位，不过需要指出的是，TextMate是一款专门面向Mac设备的产品、而Brackets则完全免费。这三款编辑器全部支持ALM系统、 Node.js、CoffeeScript、TypeScript以及原生或者通过插件实现的其它多种代码分析工具。值得一提的是，Brackets当中 甚至包含有JavaScript调试机制。

其它七款工具就目前来看尚无法与这榜单三甲相抗衡，而且我也暂时不会对它们进行全方位评估。当然，它们也各自拥有自己的特色，因此值得一试。根据手头工作内容的具体情况，大家可能会发现其中某一款拥有更为出色的表现也未可知。

下面就一起来看这些方案选项，而我将在文章末尾对它们进行横向比较。

Atom

Atom是一款来自GitHub的免费、开源且可修改的编程编辑器，其立足于Windows、Mac OS X以及Linux系统平台，同时能够与GitHub应用程序相集成并提供近1800款软件包及600个主题。我在实际使用中用到的则仅有9款社区软件包， 外加73款核心软件包与12个核心主题。

不出所料，Atom的出身决定了其源代码由GitHub负责托管。Atom由CoffeeScript编写而成，且集成有 Node.js。Atom属于Chromium的一套特殊衍生版本，其设计思路更偏向于文本编辑器而非网络浏览器; Atom当中的每一个窗口在本质上讲都是一个经过渲染的本地网络页面。Atom开发团队正是在Atom当中进行Atom的开发——听起来有点像绕口令。

Atom的性能表现非常出色——只要它不对自身进行更新。Atom拥有丰富的功能且开箱即用，其中包括模拟搜索、项目内快速搜索及 替换、多游标与选定、多窗体显示、片段、代码层叠以及导入TextMate语法及主题的能力等。Atom能够安装两套命令行工具，通过shell实现编辑 器启动并利用Apm管理Atom之下的软件包——类似于Node.js当中的Npm。我发现自己在浏览自己克隆自GitHub的资源库时会频繁使用 Atom，这是因为GitHub应用程序当中往往包含有直接指向Atom的相关菜单选项。

BBEdit与TextWrangler

BBEdit（售价49.99美元）与TextWrangler（免费）都属于单纯面向Mac平台的HTMl与文本编辑器。它们支持约 35种编程与标记语言，而且另有社区为BBEdit官方网站上提提供的多种其它语言（但质量也参差不齐）提供支持。两款编辑工具都具备语法高亮功能; BBEdit还提供一定程度的自动补全机制，其起效范围主要涵盖函数名、变量名、一部分关键词以及标签等。它支持Perforce与 Subversion; 要对Git进行支持能力，大家可以通过shell实现。

BBEdit 11版本对该产品进行了重大修改，如今其速度表现又提升到了新的层次，同时继续保持着顺畅的大文件处理能力。BBEdit中拥 有一项“提取”功能——用于将当前选定或者搜索得到的结果复制到新的缓冲区当中——外加一项“剪贴板”功能。BBEdit能够编辑并运行Perl、 Python、Ruby以及Shell脚本，此外它还可以对Perl以及Python的脚本内容进行语法检查。

BBEdit对于HTML以及Markdown的支持能力堪称优异——其表现优于对JavaScript的支持效果。大家可以为BBEdit安装三款命令行工具：一款用于编辑器，一款用于处理差异引擎，另一款则用于多文件搜索。

TextWrangler也属于在Mac平台上值得一试的备选方案。而BBEdit则更适合那些对现有IDE或者编辑器不满意、或者需要具备大型文件支持能力的用户。

Brackets

Brackets是一款免费的开源编辑器，其最初由Adobe公司开发、主要面向下一代Web开发内容，在处理JavaScript、 HTML、CSS以及与开放Web技术相关的任务方面拥有良好表现。Brackets本身由JavaScript、HTML以及CSS编写而成，开发人员 完全可以利用Brackets来构建Brackets。除了各项内置功能之外，Brackets还拥有一套扩展管理器，其中的各扩展选项适用于大部分前端 开发人员经常使用的语言及工具。Brackets在速度表现方面无法与Sublime Text或者TextMate相媲美，但除了对来自Web的程序内容进行暂停载入或者更新之外、其速度水平仍然称得上优秀。

Brackets将对JavaScript、CSS、HTML以及Node.js的良好支持能力与部分出色功能相结合，其中包括与HTML ID相关的内联CSS编辑机制（即Quick Edit）。Brackets还提供一套简洁的UI，且能够为用户当前正在编辑的网络页面内容进行实时预览。总而言之，Brackets算得上一款出色的 免费代码编辑工具。

Brackets中的JavaScript自动补全功能拥有令人称道的表现，其能够自动补全圆括号、角括号以及中括号，同 时自动为关键字、变量以及方法提供下拉菜单选项，其中包括在用户输入“$”后提供jQuery方法。Brackets能够控制Node.js调试工具并通 过菜单选项对Node进行重启。我们能够非常轻松地向其中添加扩展以实现额外功能，例如对TyperScript与CoffeeScript的支持能力、 Bower集成以及Git集成等。

Quick Edit、Quick Docs、Quick Open以及实时预览等机制的存在大大简化了Web应用程序的编辑流程，允许我们将注意力集中在当前进行编码或者设计的内容身上。但从负面角度 看，Brackets中的一部分扩展可能较难进行配置——不过其具体难度仍然远低于配置emacs软件包或者vim插件。

Brackets是一款免费的开源编辑器，由Adobe公司开发，主要面向Web应用程序开发工作。它能够支持超过30种语言类 型。Brackets本身由HTML、CSS以及JavaScript创建而成，并运行在一套瘦原生shell当中。Brackets扩展同样由 JavaScript编写得来，且能够调用各类Node.js模块。与其它通过标签显示已打开文件内容的编辑器不同，Brackets拥有一套 Working Files列表，能够以文件树结构为基础进行内容显示。

Komodo Edit

由ActiveState公司推出的免费编辑器Komodo Edit属于Komodo IDE的功能精简版本，但这并不妨碍其成为一款出色的多语言编辑工具。它提供高级JavaScript编辑、语法高亮、导航以及调试功能—— Node.js当然也包含在内。与Sublime Text与TextMate一样，Komodo Edit也支持对多套选定内容进行并行编辑。

如果大家满意于Komodo IDE的表现但又不愿为此付费，那么Komodo Edit也许能让各位找到理想的解决方案。不过Komodo Edit并不属于IDE，因此大家必须真正理解自己需要完成哪些任务。我们需要在编辑器之外自行完成源代码控制工作。如果各位拥有一套面向版本控制系统的 GUI客户端（例如GitHub客户端或者TortoiseSVN），那么这类事务应该不会带来太多麻烦。

Komodo Edit也没能提供任何实时代码协作机制。如果大家是在单枪匹马搞开发，那么这不会给日常工作造成任何影响。然而如果大家需要同其他开发人员进行紧密协 作，而对方与我们又相隔很远，那么实时代码协作机制的欠缺就会对生产效率造成一定程度的影响。除此之外，我们还无法从Komodo Edit中获得HTTP检查机制。当然，使用配备Firebug的火狐浏览器这类第三方工具能够帮助我们很好地查看标题与响应，只不过不像内置功能那么便 利而已。

再有，我们也无法从这款编辑器当中获得发布功能，当然各位完全可以利用FileZilla解决这个问题。效果拔群的 Komodo Rx工具集同样缺席，我们需要利用Regular-Expressions.info网站来填补这一空白——好消息是该服务完全免费。或者，如果大家属于 Windows用户，也可以花费39.95美元来购买Regex Buddy或者Regex Magic。当然，一旦大家可以购买这类独立的功能性实体方案，那么Komodo Edit的使用成本将很快趋近于需要付费的Komodo IDE。

关于这款工具我还可以说得更多，不过最好的办法是点击此处直接了解ActiveState公司官方给出的Komodo IDE与Komodo Edit对比说明。在某些情况下，Komodo Edit能够充分满足大家在JavaScript编辑过程中的实际需求，而且无需支付任何费用——同时提供对HTML、CSS、Python、Perl、 Ruby、Tcl以及多种其它编程及标记语言的编辑能力。

Komodo Edit是一款免费工具，相当于Komodo IDE的精简功能版本。Komodo Edit与它的表亲拥有完全一致的编辑功能，但却被剥夺了代码重构、调试、单元测试、源代码控制集成以及其它一些IDE当中必不可少的功能。

Notepad++

Notepad++是一款免费的Winodws源码编辑器，同时也在JavaScript编辑方面充当着Notepad（也就是记事本）的替 代性方案。它能够支持大约50种编程及标记语言，同时在多文件编辑窗口内提供树状视图工作区、功能列表标准以及文件映射标签等额外功能。再 有，Notepad++的载入速度非常出色，性能表现也堪称理想，我们的工作几乎不会在这方面受到拖累。

Notepad++的其它功能还包括语法彩色显示与层叠机制、列模式编辑、支持对正则表达式的搜索与替换外加一系列特定补 全功能与参数提示。Notepad++能够轻松成为大家处理JavaScript开发工作时的首选代码编辑器。不过，它仍然无法与那些有能力应对代码生 成、执行重构等操作并在大型项目之内实现快速导航的全功能型JavaScript编辑器相媲美。

我曾经在Windows设备上频繁利用Notepad++进行JavaScript应用程序的开发工作。在那个时候，我认 为它在这方面的实际表现要比Visual Studio 2008更出色。由于功能相对简单，Notepad++能够让我将主要精力专注于对当前所需构建的代码进行调整身上。不过后来，我发现Notepad++ 这种太过简约的风格会导致实用性缺失，因此我采用了其它一些工具来减少生成代码所需要的键盘操作量。

Notepad++在某些特定情况下仍然非常值得信赖，而且大家可以免费下载到这款工具。如果各位拥有一台Windows设备或者是Windows虚拟机系统，那么不妨在其中安装Notepad++以备不时之需。

Notepad++是一款免费的Windows源码编辑器，属于处理JavaScript文件编辑工作时的Notepad替代方案。它拥有一套工作区树状视图（如上图左侧所示）、一套功能列表标签（如上图右侧所示）外加一套文件映射标签（在上图中位于功能列表的下部）。