评论:10个的JavaScript编辑器和IDE考验
在我的Windows开发中,我用两个宽屏显示器。在我的MacBook,我使用了Retina显示屏再加上迅雷显示。除非我编辑一个显示器上和其他的调试,我通常要同时看到很多不同的源文件和不同意见的成源文件。崇高的文本支持多窗口,分割窗口,每个项目的多个工作区,多个视图,并含多种视图窗格。这是相当简单的使用我所有的屏幕房地产时,我想,巩固当我需要腾出空间用于调试和测试。
您可以自定义约崇高文字的一切:配色方案,文本字体,全球键绑定,制表位,具体的文件密钥绑定和片段,甚至语法高亮规则。首编码为JSON文件。特定于语言的定义XML设置文件。周围有崇高的文本活跃的社区,创建和维护崇高文本包和插件。许多功能,我最初以为崇高文本缺乏 - 包括JSLint的和JSHint接口,JsFormat,JsMinify,PrettyJSON和Git支持 - 变成是可通过社区,使用包安装程序。
其中一个原因崇高文字的伟大的表现是,它是严格的代码。另一个原因是,崇高的文本不是一个IDE,它并不需要一个IDE的簿记开销。
从开发者的角度来看,这是一个棘手的权衡。如果您在紧张的是,测试驱动,“红,绿,重构”的发展循环,然后将其设置为编辑,测试,重构和跟踪代码覆盖率的IDE将帮助你最。如果你正在做,另一方面代码审查或重大修改,你会想最快,最高效的编辑器,你可以找到,那编辑很可能是崇高的文本。
崇高文字代码,标记和散文一个高度可配置和可扩展的文本编辑器。它知道超过50个语法开箱,包括JavaScript(示出),并且它可以与TextMate的语法定义进行扩展。(点击图片的完整视图。)
的JavaScript编辑器和IDE:WebStormJetBrains公司WebStorm,尽管其平实的价格,是为Web开发高端IDE,专注于HTML,CSS和JavaScript前端。JetBrains公司还销售用于集成开发环境的Java,PHP和Ruby和Python,所有这些都共享一个核心引擎。
对于Web开发项目的编辑器,WebStorm一样好,因为什么都在那里。它拥有所有你所期望的功能,再加上无限的惊喜。你所期望的语法着色和有限的代码完成。你可能不希望准确代码完成困难的混合语言的情况下,如JavaScript生成HTML。而一些代码编辑器踢和治疗的HTML作为纯字符串,WebStorm识别嵌入HTML和解析下一层。WebStorm的JavaScript代码完成关键字,标签变量,参数和功能是基于DOM,并支持流行的浏览器的具体方法。
你所期望的代码格式的JavaScript和HTML,但你可能不降价的支持方式很多期待。(降价是常用于Git仓库格式的文档文件。)然而,当我安装了一个免费的插件,可以被提供,只要我打开了我的第一次降价文件,WebStorm提供两种语法高亮和输出预览降价文件。
当我检查代码时,查看和导航对我来说是非常重要的,无论是别人的代码,我的旧代码,还是我有问题的新代码。WebStorm可以很容易地导航到声明和符号,它可以找到并突出显示符号、标签和文件的用法。
JavaScript是不仅仍在发展,但是在不同的浏览器和其他环境中有不同的实现。WebStorm允许您将JavaScript语言版本设置为低至JavaScript 5.1,高至ECMAScript Harmony,并显示您当前选择的浏览器兼容性。
内置WebStorm行为准则检查覆盖飞镖,EJS,HTML,国际化,LESS,SASS,XML,XPath和XSLT很多常见的JavaScript问题以及问题。WebStorm包括JSHint(其由jQuery团队推荐)和支撑件的JSLint。
Node.js的配置往往需要在命令shell痛苦的会话。WebStorm能自动化的Node.js和NPM的安装,升级和源代码配置。WebStorm也可以调试的Node.js应用程序和自动完成CommonJS的类成员。
除了调试的Node.js应用程序,WebStorm可以调试JavaScript代码在Mozilla Firefox或谷歌浏览器上运行。它可以让你在HTML文件以及JavaScript文件断点,它可以让你自定义断点属性。这表明你的帧,变量,并在调试UI手表的意见,并提供JavaScript表达式的运行时计算(和谷歌浏览器的元素标签)。
在调试过程中,一个名为LiveEdit功能,可以让你改变你的代码,并有更改立即传播到您正在运行调试会话浏览器。这样可以节省时间,并帮助您避免试图弄清楚为什么你的变化也没做什么,却发现你忘了刷新浏览器的共同问题。
进行单元测试,WebStorm捆绑JsTestDriver插件。这本来是一个谷歌的项目,但JetBrains公司正在促进其发展。此外,WebStorm可以与噶测试运行集成。对于任何一种测试方法,WebStorm追踪代码覆盖。
重构是许多软件开发人员倾向于避免,因为它是如此容易,当你做手工,引入错误的一个重要步骤。然而,当你必须知道如何做手工,总是决定需要做,可以自动重构可以是一个很大的节省时间的编辑内容。没有太多花哨的重构的JavaScript库做的,特别是相对于Java或C ++库,但WebStorm自动完成所有的重构类型的有意义:重命名;的变量,参数和方法提取;内联;改变签名;移动;和复制。
WebStorm可以通过FTP、SFTP、FTPS部署到本地或挂载的文件夹中。WebStorm可以按需下载、上传、同步和比较目录和文件,如果你愿意,它还可以自动上传。
JetBrains公司WebStorm是HTML,CSS,JavaScript和XML的IDE,与项目和版本控制系统,包括GitHub的支持。WebStorm超过一个编辑器,虽然它是一个很好的编辑器。它可以检查你的代码,并给你的项目的一个面向对象的视图。(点击图片的完整视图。)
WebStorm集成了所有主要的版本控制系统:颠覆,水银,Git的(包括GitHub上),Perforce公司,CVS和TFS。它有自己的货架系统,你可以从版本控制的更新用它来清洁你的工作树之前,以替代使用版本控制系统的搁架系统(如Git的藏匿处)。WebStorm还跟踪当地的变化历史,显示与选项轻松地恢复内嵌变化;你不能失去工作或打破提交的代码,除非你想办法,真的很难。
使用WebStorm时,性能是不是一个真正的问题。启动可能比崇高的文本,这基本上是一个编辑器要慢,但它比其他任何实际的IDE的更快,比基于Java的IDE NetBeans和Eclipse快得多。
在高层次上,WebStorm有足够的文件,让你开始和回答的重大问题。当你向下钻取,然而,你可能会发现自己被发送到废弃的博客文章。在某些情况下,这是比较容易来试验程序和恢复我的文件,如果有必要,而不是查找的东西的工作原理的细节。
总体而言,WebStorm是我的谁想要一个全功能的IDE严重的JavaScript / HTML5 / CSS开发人员的首选。但是,如果您也写了很多的非JavaScript服务器端代码,您可能需要调查支持您的服务器端语言,你的数据库以及JavaScript的一个IDE。如果你真的不需要一个IDE,考虑崇高文本或具有良好的JavaScript语法高亮另一个编辑器。
- 支持语法高亮显示超过50种的编程语言,包括JavaScript,HTML和CSS
- 快如闪电的启动,文件加载,查看和滚动
- 优秀的编辑和导航
- 与外部构建系统的简单集成
- 使用插件扩展方便
- 良好的代码编辑和导航,语法高亮和代码折叠
- 良好的调试支持在多个浏览器
- JavaScript函数时机
- 对于Git和Team Foundation Server的很好的支持
- 优秀的IDE紧紧着眼于Web开发与HTML,CSS,JavaScript和XML,以及JavaScript框架和相关语言,比如CoffeeScript的
- 请问语法高亮,文档查询和重构
- 支持集成与CVS,Git的,GitHub上,水银和Subversion版本控制
- 是否对即时代码分析,错误突出显示和快速修复
- 拥有自己的工程系统,专业的项目意见,文件结构视图和文件,类,方法和用途之间的快速跳跃
- 包括FTP部署,JavaScript调试器,单元测试运行,并集成代码覆盖
- 没有版本控制支持,发货,但许多版本控制插件可供价格从免费$ 10
- 缺乏重构和代码分析
- 无OS X或Linux的支持,除非你在虚拟机中运行Windows
- 不支持JavaScript的新“窥视定义”行动
- 需要显著启动时间
- 省略了服务器层和数据库层支持(JetBrains的具有等产品具有附加的服务器端支持)
的JavaScript编辑器和IDE:什物最有可能的,你会发现选择上面讨论的六个选项中你的JavaScript工具。但低于四个工具 - 阿尔法任何地方,科莫多编辑,记事本++和TextMate的 - 所有有一些可取之处。根据手头的任务,你可能会发现触手可及,它们中的任何一个。而除了在阿尔法的情况下,任何地方,成本是免费或微不足道。
阿尔法无处不在。JavaScript的帮助,大多数的开发工具,你写尽可能多的JavaScript代码越好。阿尔法无处不在(每月$ 99; Windows Vista或以上)可以帮助你写的一些JavaScript越好。而不是让你专注于代码的,它要求你专注于功能性的用户界面设计,然后根据你的图形选择生成代码。你只需要编写JavaScript代码,自己对于尚未被写入的动作,无论是阿尔法软件或你。
另一个不同之处是对JavaScript集中在前端代码,很少或为Web或移动Web应用程序的其它部分没有考虑,大多数开发工具:数据库,应用服务器,网络服务,和Web服务器。阿尔法Anywhere是一个终端到终端的工具。它提供了一些有趣的效率。例如,看看下面的屏幕图像中的代码,并注意奇数施工{dialog.object}。这显然不正常的JavaScript。
事实上,这是对UX组件,这可方便地通过应用服务器层在运行时解决,并与部件的实际手柄更换一个抽象或占位符。所有属性和所述部件的方法的,然后通过将所生成的句柄引用。我们可以通过查看该callMenuItem函数生成的源代码看,很容易。当原始源代码表示:
{dialog.object} .closeWindow( 'SLIDEINMENU');
运行时的源代码表示:
DLG1_DlgObj.closeWindow( 'SLIDEINMENU');
所以{} dialog.object已成为DLG1_DlgObj。
当存在相同类型的多个组件在应用程序中,阿尔法Anywhere自动号码它们:DLG1_DlgObj,DLG2_DlgObj,等等。
按照同样的思路,对于阿尔法Anywhere的应用程序的数据库抽象为一个名为连接字符串。什么可能是开发一个Microsoft Access MDB文件可以是与在微软Azure云中运行相同模式的SQL Server数据库。您的代码不需要知道或关心。
如果你看一下屏幕上的图像,你会看到多个预览按钮。有一些使用桌面Web浏览器(与设备模拟器的移动Web应用程序)和一些为手机或平板电脑上执行远程测试。同样地,你会发现发布Web项目以及用于打开PhoneGap的生成器按钮。
有很多在这里,当你使用Alpha Anywhere作为预期,最终到终端的Web和移动Web应用程序开发它可以是非常有价值的,富有成效的。在另一方面,阿尔法Anywhere的JavaScript编辑本身是没有什么特别的。如果这是你想要的,然后WebStorm或崇高的文本可能会更好地满足您的需求。
[披露:我是一个Alpha软件员工2010年至2012年,我在公司的股本金。]
Alpha Anywhere通过从用户界面设计生成大部分Web或移动应用程序,使您需要编写的JavaScript数量最小化。这里我们看到了三个简短的定制JavaScript函数,用于从ipad和iphone中浏览销售数据库的相当复杂的移动Web应用程序。(点击图片的完整视图。)
科莫多编辑。科莫多编辑,科莫多IDE的ActiveState的免费精简功能版本,是一款相当不错的多语言编辑器。一切我不得不说一下科莫多IDE的编辑适用于科莫多编辑。
如果你喜欢科莫多IDE,但买不起,科莫多编辑很可能让你快乐。不过,科莫多编辑是不是一个IDE,所以你应该明白你有什么解决。你需要做的编辑外源代码控制。这可能是没有,如果你有一个GUI客户一个很大的问题 - 比如GitHub的客户端或TortoiseSVN的 - 你的版本控制系统。