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