评论:10个JavaScript编辑器和IDE经过测试

1 2 3 4 Page 3
第3页,共4页

在Windows开发箱上,我使用两个宽显示器。在MacBook上,我使用Retina显示屏和Thunderbolt显示屏。除非我要在一个显示器上进行编辑而在另一显示器上进行调试,否则我通常希望同时看到很多不同的源文件和不同的视图。 Sublime Text支持多个窗口,拆分窗口,每个项目多个工作区,多个视图以及包含视图的多个窗格。在需要时使用所有屏幕空间非常简单,在需要腾出空间进行调试和测试时合并起来非常简单。

您可以自定义有关Sublime Text的所有内容:配色方案,文本字体,全局键绑定,制表符停止,特定于文件的键绑定和代码片段,甚至是语法突出显示规则。首选项编码为JSON文件。特定于语言的定义是XML首选项文件。 Sublime Text周围有一个活跃的社区,该社区创建和维护Sublime Text软件包和插件。我最初认为Sublime Text缺少的许多功能-包括JSLint和JSHint接口,JsFormat,JsMinify,PrettyJSON和Git支持-事实证明可以通过社区使用 软件包安装程序.

Sublime Text出色性能的原因之一是其编码紧密。另一个原因是Sublime Text不是IDE,并且不需要IDE的簿记开销。

从开发人员的角度来看,这是一个棘手的权衡。如果您处于紧密的,测试驱动的“红色,绿色,重构”开发循环中,那么设置为编辑,测试,重构和跟踪代码覆盖范围的IDE将为您带来最大的帮助。另一方面,如果您正在执行代码审查或重大修改,则需要可以找到的最快,最高效的编辑器,而该编辑器很可能就是Sublime Text。

Sublime Text是一个高度可配置和可扩展的文本编辑器,用于代码,标记和散文。它知道超过50种语法,包括JavaScript(如图所示),并且可以使用TextMate语法定义进行扩展。 (单击图像可查看完整视图。)

JavaScript编辑器和IDE:WebStorm 尽管价格适中,但JetBrains的WebStorm是面向Web开发人员的高端IDE,专注于HTML,CSS和JavaScript前端。 JetBrains还销售用于Java,PHP,Ruby和Python的IDE,所有这些IDE共享一个核心引擎。

作为Web开发项目的编辑器,WebStorm与其他任何产品一样出色。它具有您期望的所有功能,以及许多令人惊喜的惊喜。您期望语法着色和有限的代码完成。对于困难的混合语言情况(例如生成HTML的JavaScript),您可能不会期望准确的代码完成。某些代码编辑器将HTML插入并视为纯字符串,而WebStorm识别嵌入式HTML并解析下一层。 WebStorm的用于关键字,标签,变量,参数和函数的JavaScript代码完成是基于DOM的,并且它支持流行的特定于浏览器的方法。

您可能期望JavaScript和HTML的代码格式化,但是对Markdown支持的方式可能期望不高。 (Markdown通常用于格式化Git存储库中的文档文件。)但是,在我安装了一个免费插件后,我打开了我的第一个Markdown文件后,WebStorm就为Markdown文件同时提供了语法突出显示和输出预览功能。

当我查看代码时,无论是别人的代码,我的旧代码还是可疑的新代码,查看和导航对我来说都非常重要。 WebStorm可以轻松导航到声明和符号,并查找并突出显示符号,标签和文件的用法。

JavaScript不仅还在发展,但在不同的浏览器和其他环境中具有不同的实现。 WebStorm允许您将JavaScript语言版本设置为低至JavaScript 5.1和高至ECMAScript Harmony,并且它向您显示当前选择的浏览器兼容性。

WebStorm中内置的代码检查涵盖许多常见的JavaScript问题以及Dart,EJS,HTML,Internationalization,LESS,SASS,XML,XPath和XSLT中的问题。 WebStorm包含JSHint(jQuery团队推荐),并支持JSLint。

配置Node.js通常需要在命令外壳中进行痛苦的会话。 WebStorm可以自动执行Node.js和NPM的安装,升级以及源代码配置。 WebStorm还允许您调试Node.js应用程序和自动完成CommonJS类成员。

除了调试Node.js应用程序外,WebStorm还可以调试在Mozilla Firefox或Google Chrome中运行的JavaScript代码。它为您提供HTML文件和JavaScript文件中的断点,并允许您自定义断点属性。它在调试器UI中向您显示框架,变量和监视视图,并提供JavaScript表达式的运行时评估(以及Google Chrome中的elements标签)。

在调试期间,称为LiveEdit的功能使您可以更改代码,并使更改立即传播到运行调试会话的浏览器中。这样可以节省时间,并且可以帮助您避免试图找出导致更改没有执行任何操作的常见问题,而只是发现您忘记刷新浏览器。

对于单元测试,WebStorm捆绑了JsTestDriver插件。这最初是Google的一个项目,但是JetBrains现在为它的发展做出了贡献。此外,WebStorm可以与Karma测试运行程序集成。对于这两种测试方法,WebStorm都会跟踪代码覆盖率。

重构是许多软件开发人员倾向于避免的重要步骤,因为手动进行操作很容易引入错误。但是,尽管您必须知道如何手动执行并始终决定需要做什么,但是可以自动进行重构的编辑器可以节省大量时间。 JavaScript库中没有很多花哨的重构,特别是与Java或C ++库相比,但是WebStorm可以自动执行所有有意义的重构类型:提取变量,参数和方法;内联更改签名;移动;和复制。

WebStorm可以通过FTP,SFTP,FTPS部署到本地文件夹或已安装的文件夹中。 WebStorm可以根据需要下载,上传,同步和比较目录和文件,并且可以根据需要自动上传。

JetBrains的WebStorm是用于HTML,CSS,JavaScript和XML的IDE,并支持项目和版本控制系统,包括GitHub。 WebStorm不仅仅是一个编辑器,尽管它是一个非常好的编辑器。它可以检查您的代码,并为您提供项目的面向对象的视图。 (单击图像可查看完整视图。)

WebStorm与所有主要的版本控制系统集成:Subversion,Mercurial,Git(包括GitHub),Perforce,CVS和TFS。它具有自己的货架系统,您可以在从版本控制进行更新之前使用它来清理工作树,这是使用版本控制系统的货架系统(例如Git存放区)的替代方法。 WebStorm还将跟踪您的本地更改历史记录,并以易于还原的选项内联显示更改;除非您真的非常努力,否则您不会丢失工作或在两次提交之间破坏代码。

使用WebStorm时,性能并不是真正的问题。启动可能比基本上是编辑器的Sublime Text慢,但是它比任何其他实际的IDE都快,并且比基于Java的NetBeans和Eclipse快得多。

WebStorm在较高级别上具有足够的文档,可帮助您入门并回答主要问题。但是,当您向下钻取时,您可能会发现自己被发送到过时的博客文章中。在某些情况下,尝试该程序并在必要时还原我的文件比查找有关工作原理的细节要容易得多。

总体而言,对于需要全功能IDE的认真的JavaScript / HTML5 / CSS开发人员,WebStorm是我的首选。但是,如果您还编写了很多非JavaScript服务器端代码,则可能需要研究一个支持服务器端语言,数据库以及JavaScript的IDE。如果您确实不需要IDE,请考虑使用Sublime Text或其他具有出色的JavaScript语法突出显示功能的编辑器。

  • 支持超过50种编程语言的语法突出显示,包括JavaScript,HTML和CSS
  • 快速启动,文件加载,查看和滚动
  • 出色的编辑和导航
  • 与外部构建系统轻松集成
  • 使用插件轻松扩展
  • 良好的代码编辑和导航,语法突出显示和代码折叠
  • 在多种浏览器中提供良好的调试支持
  • JavaScript函数计时
  • 对Git和Team Foundation Server的良好支持
  • 优秀的IDE紧密关注HTML,CSS,JavaScript和XML的Web开发,以及JavaScript框架和相关语言(例如CoffeeScript)
  • 进行语法高亮显示,文档查找和重构
  • 支持CVS,Git,GitHub,Mercurial和Subversion的集成版本控制
  • 快速进行代码分析,错误突出显示和快速修复
  • 具有自己的项目系统,该项目系统具有专门的项目视图,文件结构视图,并且可以在文件,类,方法和用法之间快速跳转
  • 包括FTP部署,JavaScript调试器,单元测试运行器和集成代码覆盖范围
  • 缺少出厂的版本控制支持,但许多版本控制插件的价格从免费到10美元不等
  • 缺乏重构和代码分析
  • 除非您在虚拟机中运行Windows,否则不支持OS X或Linux
  • JavaScript不支持新的“ Peek Definition”操作
  • 需要大量的启动时间
  • 省略服务器层和数据库层支持(JetBrains的其他产品具有附加的服务器端支持)

JavaScript编辑器和IDE:奇事您很可能会在上述六个选项中找到自己的JavaScript工具。但是下面的四个工具-Alpha Anywhere,Komodo Edit,Notepad ++和TextMate-都有一些值得推荐的东西。根据手头的任务,您可能会发现其中任何一个都很方便。而且,除了Alpha Anywhere以外,费用是免费的或微不足道的。

随处可见的Alpha。 大多数JavaScript开发工具都可以帮助您编写尽可能多的JavaScript代码。 Alpha Anywhere(每月99美元; Windows Vista或更高版本)可帮助您编写尽可能少的JavaScript。它不是让您专注于代码,而是让您专注于功能用户界面设计,然后根据您的图形选择生成代码。您只需为Alpha Software或您尚未编写的动作编写JavaScript代码。

另一个区别是,大多数JavaScript开发工具都集中在前端代码上,而很少或根本不关心Web或移动Web应用程序的其余部分:数据库,应用程序服务器,Web服务和Web服务器。 Alpha Anywhere是一种端到端工具。这提供了一些有趣的效率。例如,查看下面的屏幕图像中的代码,并注意奇数构造{dialog.object}。显然,这不是正常的JavaScript。

实际上,它是UX组件的抽象或占位符,可以在运行时由应用程序服务器层方便地解决,并替换为组件的实际句柄。然后,通过生成的句柄引用该组件的所有属性和方法。通过查看为callMenuItem函数生成的源代码,我们可以轻松地看到这一点。原始源代码在哪里说:

{dialog.object} .closeWindow('SLIDEINMENU');

运行时源代码显示:

DLG1_DlgObj.closeWindow('SLIDEINMENU');

因此{dialog.object}已成为DLG1_DlgObj。

当应用程序中有多个相同类型的组件时,Alpha Anywhere会自动为它们编号:DLG1_DlgObj,DLG2_DlgObj,依此类推。

同样,将Alpha Anywhere应用程序的数据库抽象为命名连接字符串。用于开发的Microsoft Access MDB文件可以是在Microsoft Azure云中运行的具有相同架构的SQL Server数据库。您的代码不需要知道或关心。

如果您查看屏幕图像,则会看到多个预览按钮。有些用于使用桌面Web浏览器(带有用于移动Web应用程序的设备仿真器),有些用于在手机或平板电脑上进行远程测试。同样,您将找到用于发布Web项目和打开PhoneGap Builder的按钮。

这里有很多东西,当您按预期使用Alpha Anywhere进行端到端Web和移动Web应用程序开发时,它可能非常有价值且富有成效。另一方面,Alpha Anywhere JavaScript编辑本身并不特别。如果仅此而已,那么WebStorm或Sublime Text可能会更好地满足您的需求。

[披露:从2010年到2012年,我是Alpha Software的一名员工,在公司中我拥有少量股权。]

Alpha Anywhere通过从用户界面设计生成大多数Web或移动应用程序,从而最大限度地减少了您需要编写的JavaScript。在这里,我们看到了一个相当复杂的移动Web应用程序所需的三个简短的自定义JavaScript函数,该应用程序可以从iPad和iPhone浏览销售数据库。 (单击图像可查看完整视图。)

Komodo编辑。 ActiveState的免费免费缩减功能版本的Komodo IDE是Komodo Edit,它是一款非常不错的多语言编辑器。关于Komodo IDE作为编辑器的所有说法,都适用于Komodo Edit。

如果您喜欢Komodo IDE但买不起它,则Komodo Edit可能会让您感到高兴。但是Komodo Edit不是IDE,因此您应该了解必须解决的问题。您需要在编辑器外部进行源代码控制。如果您有用于版本控制系统的GUI客户端(例如GitHub客户端或TortoiseSVN),那么这可能不是一个大问题。

有关:
1 2 3 4 Page 3
第3页,共4页