综合评测：十款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插件。

（编辑：云计算网_泰州站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!