×
新网 > 建站推广 > 正文

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

  • 作者:51CTO
  • 来源:51CTO
  • 2018-05-21 14:30:30

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

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

Javascript编辑器 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插件。

Javascript编辑器 Javascript 文本编辑器

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以及多种其它编程及标记语言的编辑能力。

Javascript编辑器 Javascript 文本编辑器

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++以备不时之需。

Javascript编辑器 Javascript 文本编辑器

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

 

  • 相关专题

免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

免费咨询获取折扣

Loading