Top10JavaScript编辑器，你在用哪个？
欢迎大家持续关注葡萄城控件技术团队博客，更多更好的原创文章尽在这里~~
对于JavaScript程序员来说，目前有很多很棒的工具可供选择。文本将会讨论
10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown
进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编
程？原因就是速度快。
编辑器和IDE之间的本质区别在于：IDE不但可以调试，并且可以对代码进行概
要分析，IDE还支持应用程序的生命周期管理（ALM）系统。我们在这里讨论的
许多编辑器至少支持一个版本控制系统，通常是Git，现在IDE和编辑器之间的
区别也越来越小。
在这10个JavaScript编辑器中，SublimeText和VisualStudioCode是其中
排名靠前的两个。SublimeText以其速度和方便的编辑功能多样性出名，Visual
StudioCode的功能和速度与SublimeText几乎一致。TextMate排名第三，
虽然TextMate在两年前排名第一，但其功能并没有真正跟上发展。
你很可能在SublimeText，VisualStudioCode和Brackets中找到自己喜欢
的JavaScript编辑器，但是还有其它的编辑器工具Atom，BBEdit，Komodo
Edit，Notepad++，Emacs和Vim等值得了解。你可以根据现在的项目，选
择其中最为方便使用的编辑工具。
下面我们来了解所有的编辑器，文末会对它们进行对比。
SublimeText
如果你想要一个灵活、强大、可扩展的文本编辑器，它能够如闪电般快速运行，
并且支持切换到其它窗口进行代码检查、调试和部署，那么可以考虑使用
SublimeText。
除了速度较快以外，SublimeText还有许多值得注意的优势，它涵盖了70多种
文件类型，其中包括JavaScript、HTML和CSS;即时导航和即时项目切换;多
选项（一次进行一系列更改），包括列选择（一次选择文件的一个矩形区域）;多
窗口（使用你的所有显示器窗口）和拆分窗口;使用简单的JSON文件进行完整
的自定义;基于Python的插件API;一个统一的、可搜索的命令板。
对于使用其它编辑器的程序员来说，SublimeText支持TextMate包（不包括
命令）和Vi/Vim仿真。
SublimeText是一个高度可配置和可扩展的文本编辑器。它包含超过50种语
法，其中包括JavaScript，它可以使用Sublime软件包和TextMate语法定义
进行扩展。可以能够通过少量按键来安装Babel（React）和TypeScript（Angular）
的语法和支持。
SublimeText支持多个窗口、拆分窗口，每个项目可以有多个工作区、多个视
图以及包含视图的多个窗格。当想要整合、调试和测试空间时，使用所有的屏幕
空间会变得相当简单的。SublimeText还支持所有内容的自定义：颜色，文本
字体，全局键绑定，制表符停止，特定文件的键绑定和代码段，甚至语法突出显
示规则等。SublimeText的编码文件默认为JSON文件，语言定义默认是XML。
SublimeText有一个活跃的用于创建和维护SublimeText包和插件的社区。
SublimeText缺少的许多功能，包括JSLint和JSHint接口，JsFormat，JsMinify，
PrettyJSON和Git支持，都可以通过社区使用PackageInstaller来实现。
VisualStudioCode
VisualStudioCode是一个的免费的轻量级编辑器和IDE，它是Microsoft发
布的。它具有VisualStudio组件，能与开源的AtomElectronshell混合使用。
它对于使用C＃进行ASP.NetCore的开发，提供了极好的支持；同时它也通过
TypeScript和JavaScript为Node.js的开发，提供了极好的支持。不同于Visual
Studio仅在Windows上支持的惯例，VisualStudioCode也能在MacOS和
Linux上运行。
由于包含了TypeScript编译器和Salsa引擎，VisualStudioCode具有非常好
的JavaScript代码完成功能。VisualStudioCode会将JavaScript代码发送到
后台的TypeScript编译器来推断类型并构建符号表。你可以在屏幕图像底部的
框中看到hasOwnProperty方法的信息。
相同的符号表使得IntelliSense能够在整个表达式的输入过程中，为你提供出色
的弹出式选项列表。你可以获得以下功能：填入后自动关闭、自动填写完成选项、
键入后的自动方法列表和方法中的自动参数列表。你可以通过从
DefinitelyTyped添加对d.ts文件的引用，来增强IntelliSense。当你识别常见
问题（例如使用Node.js内置变量中的__dirname）时，VisualStudioCode将
为你提供这些功能。
VisualStudioCode是一个免费的轻量级编辑器和IDE，用于Node.js和
ASP.Net开发。它结合了Microsoft技术，例如TypeScript编译器、Roslyn.Net
编译器和Atom使用的Electronshell。VisualStudioCode适用于Windows，
MacOS和Linux平台。
VisualStudioCode的Git支持非常好，使用起来很简单。VisualStudioCode
调试器为Node.js和ASP.Net开发提供了出色的调试体验。VisualStudioCode
具有非常好的HTML，CSS，Less，Sass和JSON工具，这个工具是基于与
InternetExplorerF12开发人员工具相同的技术。此外，VisualStudioCode
可以与外部任务运行程序（如gulp和jake）进行可定制的集成。
VisualStudioCode有着强大的插件生态系统，例如支持Angular和React。
推荐可以在使用JavaScript和TypeScript框架和库构建应用程序时使用Visual
StudioCode。
Brackets
Brackets是一个免费的开源编辑器，最初来自于Adobe，旨在为JavaScript，
HTML和CSS提供更好的工具以及相关的开放式Web技术。Brackets本身是
用JavaScript，HTML和CSS编写的。除了内置功能外，Brackets还有一个扩
展管理器，用于扩展前端开发人员使用的许多语言和工具。Brackets不像
SublimeText和TextMate那样运行的很快，但除了从网络加载或更新程序内
容的暂停之外，它仍然运行的非常快。
Brackets不仅对JavaScript，CSS，HTML和Node.js有着很好的支持，它还
具有一些其它很棒的功能，例如与HTMLID相关的CSS在线编辑。此外，
Brackets有着一个简洁的UI界面和编辑时网页的实时预览。对于免费的代码编
辑器来说，Brackets是一个很好的选择。
Brackets扩展也是用JavaScript编写的，还可以调用Node.js模块。与大多数
在选项卡中显示打开文件的编辑器不同的是，Brackets具有显示在文件树上方
的工作文件列表。
Brackets的JavaScript自动完成功能非常好，自动填写各类括号的结束括号，
以及jQuery方法中键入$之后的关键字、变量和方法的自动下拉菜单。Brackets
可以控制Node.js的调试器，并从菜单项中重新启动Node。Brackets可以很
方便的添加附加功能的扩展（例如TypeScript和JSX支持，Bower集成和Git
集成）。
快速编辑、快速保存文档、快速打开文件和实时预览均有助于简化Web应用程
序编辑，让你专注于编码或设计。Brackets也有一些缺点，例如一些Brackets
扩展很难配置，不像Emacs软件包或Vim插件那样容易。
Atom
Atom1.15.0是一款GitHub上的免费的开放源代码、可编程的编辑器，适用于
Windows，MacOS和Linux平台，它与GitHub应用程序集成在一起，拥有很
多个可用的软件包和主题。
Atom源代码位于GitHub上，它是用CoffeeScript编写的，与Node.js集成
在一起。Atom是Chromium浏览器的一个特殊的存在，它被设计成一个文本
编辑器而不是一个Web浏览器;每个Atom窗口本质上都是一个本地呈现的网
页。
当Atom不自动更新时，性能是非常好的。它具有一些非常棒的功能，例如模糊
搜索、快速项目搜索和替换、多个光标和选择、多个窗格、代码段、代码折叠以
及导入TextMate语法和主题的功能。Atom可以安装两个命令行实用程序：
Atom，用于从shell启动编辑器；APM，用于管理Atom的软件包。
KomodoEdit
KomodoEdit是ActiveState的一个免费的，缩小功能版本的KomodoIDE，
它是一个很酷的多语言编辑器。
如果你喜欢KomodoIDE但是却支付不起，那么KomodoEdit会是你的一个
好选择。KomodoEdit不是一个IDE，所以你需要在编辑器外完成代码控制。
它不提供实时代码收集功能，如果你独立开发，不与其他人合代码，就没有任何
问题。它也不提供HTTP检查器。KomodoEdit具有与KomodoIDE相同的编
辑功能，但缺少代码重构、调试、单元测试、源代码控制集成以及其他适合于IDE
的功能。
在任何情况下，KomodoEdit可以免费满足你的JavaScript编辑需求，并为编
辑HTML，CSS，Python，Perl，Ruby，Tcl和其它编程提供标记语言。
Notepad++
Notepad++是一个免费的开源Windows源代码编辑器和记事本，非常适合于
编辑JavaScript。它支持约50种编程和标记语言。除了其多个文档编辑窗口之
外，它还具有工作区树视图、功能列表选项卡和文档映射选项卡。它的加载时间
足够快，性能足够强，不会让你感到速度慢。
使用语法着色和折叠功能、可编辑功能（包括列模式编辑和正则表达式、支持搜
索和替换）以及一定量的功能完成和参数提示功能，Notepad++可以轻松地成
为JavaScript的首选代码编辑器。然而，它还不是全面的JavaScript编辑器，
它还不能生成代码，执行诸如重构的操作，并在大型项目中快速导航。
BBEdit
BBEdit11.0.3是一个文本编辑器，仅用于Mac的HTML，它支持约35种编程
和标记语言，社区版还通过BBEdit网站提供了对许多其它语言的支持。许可版
和社区版都有语法高亮；许可版还有一定量的自动完成功能，主要用于功能名称、
变量名称、少量的关键字和标签。许可版还能与Git，Perforce和Subversion
版本控制系统集成。
BBEdit11是该产品的重大改写，这个版本比以前更加快速，并且还能够很好地
处理Ginormous文件。它具有将选择或查找结果复制到新缓冲区中的提取功能，
以及剪切功能。BBEdit可以编辑和运行Perl，Python，Ruby，和Shell脚本，
以及检查Perl和Python脚本的语法。
BBEdit对HTML和Markdown的支持实际上比其对JavaScript支持更好。你
可以为BBEdit安装三个命令行工具：一个用于编辑器，一个用于差异引擎，最
后一个用于多媒体搜索。
TextMate
TextMate曾经主要用于在MacBook上编写RubyonRails，但是现在
TextMate变得不那么突出了，与此同时SublimeText逐渐收到了欢迎。
TextMate不是一个IDE，但是它却提供了软件包、代码段、宏和范围系统等语
言特定的IDE都缺少的功能。TextMate现在提供了简单的JavaScript和jQuery
的捆绑包，它们为快速生成JavaScript和jQuery代码提供了一系列不错的工
具。要想具有类似于IDE的功能，你可以使用TextMate的shell集成版本，但
不要期待TextMate可以进行代码重构、自动单元或回归测试。如果正确设置了
Grunt，那么TextMate就可以自动执行JavaScript测试。
TextMate有一个捆绑包首选项标签，从中可以下载并安装其他捆绑包。捆绑源，
实际上是产品驻留在GitHub存储库中的源代码。
Emacs
Emacs及其衍生来自于自20世纪70年代初以来的MITAI实验室。Emacs从
作为TECO文本编辑器的宏开始，逐步发展独立。默认安装在MacOS上的
Emacs是22.1.1版本，没有GUI支持。你可以轻松地安装XEmacs，Aquamacs
（MacOS的GUI）和更新的GNUEmacs版本。Emacs作为JavaScript编辑
器，编辑JavaScript的默认模式是在js包中，使用Emacs可以获得更好的语法
高亮和linting。
Emacs使用js2模式包，并使用ac-js2自动完成。在Emacs中，你可以使用串
行模式获取实时浏览器JavaScript，HTML和CSS交互。
Vim（andvariants）
Vi（visualinterface）最初由BillJoy为Unix撰写，自1976年开始，逐渐由
Ed向Ex演变。Vim是一个免费的、开源的、改进版的Vi；默认安装在MacOS
X上的是7.3版本。
你可以轻松安装Vim的更新版本，MacVim（MacOS的GUI）或任何适用于你
的平台的功能。Vim作为JavaScript编辑器，它的vim-plugreadme文件中的
建议是相当好的。
使用哪个编辑器，由你决定
无论你是专注于客户端的JavaScript还是Node.js，都有多种选择。
如果你正在寻找一个功能强大，速度很快的JavaScript编程文本编辑器，并支
持很多其它语言，可以选择SublimeText。
如果你想要一个免费的，快速的JavaScript编辑器，兼容IDE，并且对ASP.Net
和C＃支持得很好，VisualStudioCode是一个很好的选择。
Brackets和Atom是两个新的、免费的文本编辑器。Brackets是一款很接近于
用于Node.js开发IDE的编辑器，Atom可以与GitHub桌面客户高度集成。
在Windows上，Notepad++是快速、有效并且免费的。在MacOS上，BBEdit
是快速、很酷的、免费的限量版本，可用于版本控制集成，是一个HTML工具。
TextMate仍然是一个非常棒的编辑器，具有快速、全功能、可扩展的特点，但
是开发速度已经很缓慢。
如果倾向于使用开源脚本语言，KomodoEdit是个不错的选择。如果喜欢自定
义编辑器，Emacs或Vim可以满足你的要求。
了解完JavaScript的编辑器，也需要了解JavaScript的开发工具。Wijmo是一
款用TypeScript编写的新一代JavaScript/HTML5控件集。在全球率先支持
AngularJS，并提供性能卓越、零依赖的FlexGrid和图表等多个控件，是构建
企业应用程序的全套控件集。
|
|
