For JavaScript programmers, there are a lot of great tools to choose from. This article will discuss 10 excellent text editors that support JavaScript, HTML5 and CSS development and can use Markdown for document writing. Why use an editor instead of an IDE for JavaScript programming? The reason is speed.
The essential difference between editors and IDEs is that IDEs can not only debug and profile code, but IDEs also support application lifecycle management (ALM) systems. Many of the editors we discuss here support at least one version control system, usually Git, and the distinction between IDEs and editors is getting smaller these days.
Of these 10 JavaScript editors, Sublime Text and Visual Studio Code are the top two. Sublime Text is known for its speed and variety of convenient editing features, and Visual Studio Code is nearly identical in functionality and speed to Sublime Text. TextMate came in at number three, and while TextMate was number one two years ago, its features haven't really kept pace.
You'll most likely find your favorite JavaScript editor in Sublime Text, Visual Studio Code, and Brackets, but there are other editor tools like Atom, BBEdit, Komodo Edit, Notepad++, Emacs, and Vim worth checking out. You can choose the most convenient editing tool according to the current project.
Let's take a look at all the editors and compare them at the end of the article.
Sublime Text
If you want a flexible, powerful, and extensible text editor that runs lightning-fast and supports switching to other windows for code inspection, debugging, and deployment, consider Sublime Text.
In addition to being faster, Sublime Text has many notable advantages, covering over 70 file types, including JavaScript, HTML, and CSS; instant navigation and instant item switching; multi-options (a series of changes at once), Includes column selection (select a rectangular area of the file at a time); multi-window (uses all your monitor windows) and split windows; complete customization using simple JSON files; Python-based plugin API; Search the command pad.
For programmers using other editors, Sublime Text supports TextMate packages (commands not included) and Vi/Vim emulation.
Sublime Text is a highly configurable and extensible text editor. It contains over 50 grammars, including JavaScript, and it can be extended using Sublime packages and TextMate grammar definitions. The syntax and support for Babel (React) and TypeScript (Angular) can be installed with a few keystrokes.
Sublime Text supports multiple windows, split windows, multiple workspaces per project, multiple views, and multiple panes containing views. When you want to integrate, debug, and test space, it's fairly simple to use all the screen space. Sublime Text also supports customization of everything: colors, text fonts, global keybindings, tab stops, file-specific keybindings and snippets, even syntax highlighting rules, etc. Sublime Text's encoding files are JSON files by default, and language definitions are XML by default.
Sublime Text has an active community for creating and maintaining Sublime Text packages and plugins. Many features missing from Sublime Text, including JSLint and JSHint interfaces, JsFormat, JsMinify, PrettyJSON, and Git support, are available through the community using Package Installer.
Official website link: http://www.sublimetext.com/
Download address: http://www.sublimetext.com/3
Visual Studio Code是一个的免费的轻量级编辑器和IDE，它是Microsoft发布的。它具有Visual Studio组件，能与开源的Atom Electron shell混合使用。它对于使用C＃进行ASP.Net Core的开发，提供了极好的支持；同时它也通过TypeScript和JavaScript为Node.js的开发，提供了极好的支持。不同于Visual Studio仅在Windows上支持的惯例，Visual Studio Code也能在MacOS和Linux上运行。
由于包含了TypeScript编译器和Salsa引擎，Visual Studio Code具有非常好的JavaScript代码完成功能。Visual Studio Code会将JavaScript代码发送到后台的TypeScript编译器来推断类型并构建符号表。你可以在屏幕图像底部的框中看到hasOwnProperty方法的信息。
相同的符号表使得IntelliSense能够在整个表达式的输入过程中，为你提供出色的弹出式选项列表。你可以获得以下功能：填入后自动关闭、自动填写完成选项、键入后的自动方法列表和方法中的自动参数列表。你可以通过从DefinitelyTyped添加对d.ts文件的引用，来增强IntelliSense。当你识别常见问题（例如使用Node.js内置变量中的__dirname）时，Visual Studio Code将为你提供这些功能。
Visual Studio Code是一个免费的轻量级编辑器和IDE，用于Node.js和ASP.Net 开发。它结合了Microsoft技术，例如TypeScript编译器、Roslyn .Net编译器和Atom使用的Electron shell。Visual Studio Code适用于Windows，MacOS和Linux平台。
Visual Studio Code的Git支持非常好，使用起来很简单。Visual Studio Code调试器为Node.js和ASP.Net开发提供了出色的调试体验。Visual Studio Code具有非常好的HTML，CSS，Less，Sass和JSON工具，这个工具是基于与Internet Explorer F12开发人员工具相同的技术。此外，Visual Studio Code可以与外部任务运行程序（如gulp和jake）进行可定制的集成。
Visual Studio Code有着强大的插件生态系统，例如支持Angular和React。推荐可以在使用JavaScript和TypeScript框架和库构建应用程序时使用Visual Studio Code。
官网链接：https://code.visualstudio.com/
下载地址：https://code.visualstudio.com/Download
Brackets
Brackets是一个免费的开源编辑器，最初来自于Adobe，旨在为JavaScript，HTML和CSS提供更好的工具以及相关的开放式Web技术。Brackets本身是用JavaScript，HTML和CSS编写的。除了内置功能外，Brackets还有一个扩展管理器，用于扩展前端开发人员使用的许多语言和工具。Brackets不像Sublime Text和TextMate那样运行的很快，但除了从网络加载或更新程序内容的暂停之外，它仍然运行的非常快。
Brackets不仅对JavaScript，CSS，HTML和Node.js有着很好的支持，它还具有一些其它很棒的功能，例如与HTML ID相关的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插件那样容易。
官网链接：http://brackets.io/
下载地址：https://github.com/adobe/brackets/releases/download/release-1.9/Brackets.Release.1.9.msi
Atom
Atom 1.15.0是一款GitHub上的免费的开放源代码、可编程的编辑器，适用于Windows，MacOS和Linux平台，它与GitHub应用程序集成在一起，拥有很多个可用的软件包和主题。
Atom源代码位于GitHub上，它是用CoffeeScript编写的，与Node.js集成在一起。Atom是Chromium浏览器的一个特殊的存在，它被设计成一个文本编辑器而不是一个Web浏览器; 每个Atom窗口本质上都是一个本地呈现的网页。
当Atom不自动更新时，性能是非常好的。它具有一些非常棒的功能，例如模糊搜索、快速项目搜索和替换、多个光标和选择、多个窗格、代码段、代码折叠以及导入TextMate语法和主题的功能。Atom可以安装两个命令行实用程序：Atom，用于从shell启动编辑器；APM，用于管理Atom的软件包。
官网链接：https://atom.io/
下载地址：https://atom.io/download/windows_x64
Komodo Edit
Komodo Edit 是ActiveState的一个免费的，缩小功能版本的Komodo IDE，它是一个很酷的多语言编辑器。
如果你喜欢Komodo IDE但是却支付不起，那么Komodo Edit会是你的一个好选择。Komodo Edit不是一个IDE，所以你需要在编辑器外完成代码控制。
它不提供实时代码收集功能，如果你独立开发，不与其他人合代码，就没有任何问题。它也不提供HTTP检查器。Komodo Edit具有与Komodo IDE相同的编辑功能，但缺少代码重构、调试、单元测试、源代码控制集成以及其他适合于IDE的功能。
在任何情况下，Komodo Edit可以免费满足你的JavaScript编辑需求，并为编辑HTML，CSS，Python，Perl，Ruby，Tcl和其它编程提供标记语言。
官网链接：https://www.activestate.com/komodo-ide/downloads/edit
下载地址：https://www.activestate.com/komodo-ide/downloads/edit
Notepad ++
Notepad ++是一个免费的开源Windows源代码编辑器和记事本，非常适合于编辑JavaScript。它支持约50种编程和标记语言。除了其多个文档编辑窗口之外，它还具有工作区树视图、功能列表选项卡和文档映射选项卡。它的加载时间足够快，性能足够强，不会让你感到速度慢。
使用语法着色和折叠功能、可编辑功能（包括列模式编辑和正则表达式、支持搜索和替换）以及一定量的功能完成和参数提示功能，Notepad++可以轻松地成为JavaScript的首选代码编辑器。然而，它还不是全面的JavaScript编辑器，它还不能生成代码，执行诸如重构的操作，并在大型项目中快速导航。
官网链接：https://notepad-plus-plus.org/
下载地址：https://notepad-plus-plus.org/download/v7.3.3.html
BBEdit
BBEdit 11.0.3是一个文本编辑器，仅用于Mac的HTML，它支持约35种编程和标记语言，社区版还通过BBEdit网站提供了对许多其它语言的支持。许可版和社区版都有语法高亮；许可版还有一定量的自动完成功能，主要用于功能名称、变量名称、少量的关键字和标签。许可版还能与Git，Perforce和Subversion版本控制系统集成。
BBEdit 11是该产品的重大改写，这个版本比以前更加快速，并且还能够很好地处理Ginormous文件。它具有将选择或查找结果复制到新缓冲区中的提取功能，以及剪切功能。BBEdit可以编辑和运行Perl，Python，Ruby，和Shell脚本，以及检查Perl和Python脚本的语法。
BBEdit对HTML和Markdown的支持实际上比其对JavaScript支持更好。你可以为BBEdit安装三个命令行工具：一个用于编辑器，一个用于差异引擎，最后一个用于多媒体搜索。
官网链接：http://www.barebones.com/products/bbedit/
下载地址：https://s3.amazonaws.com/BBSW-download/BBEdit_11.6.6.dmg
TextMate
TextMate曾经主要用于在MacBook上编写Ruby on Rails，但是现在TextMate变得不那么突出了，与此同时Sublime Text逐渐收到了欢迎。
TextMate不是一个IDE，但是它却提供了软件包、代码段、宏和范围系统等语言特定的IDE都缺少的功能。TextMate现在提供了简单的JavaScript和jQuery的捆绑包，它们为快速生成JavaScript和jQuery代码提供了一系列不错的工具。要想具有类似于IDE的功能，你可以使用TextMate的shell集成版本，但不要期待TextMate可以进行代码重构、自动单元或回归测试。如果正确设置了Grunt，那么TextMate就可以自动执行JavaScript测试。
TextMate有一个捆绑包首选项标签，从中可以下载并安装其他捆绑包。捆绑源，实际上是产品驻留在GitHub存储库中的源代码。
下载地址：http://macromates.com/download
Emacs
Emacs及其衍生来自于自20世纪70年代初以来的MIT AI实验室。Emacs从作为TECO文本编辑器的宏开始，逐步发展独立。默认安装在MacOS上的Emacs是22.1.1版本，没有GUI支持。你可以轻松地安装XEmacs，Aquamacs（MacOS的GUI）和更新的GNU Emacs版本。Emacs作为JavaScript编辑器，编辑JavaScript的默认模式是在js包中，使用Emacs可以获得更好的语法高亮和linting。
Emacs使用js2模式包，并使用ac-js2自动完成。在Emacs中，你可以使用串行模式获取实时浏览器JavaScript，HTML和CSS交互。
官网链接：https://emacsformacosx.com/
下载地址：https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg
Vim（and variants）
Vi（visual interface）最初由Bill Joy为Unix撰写，自1976年开始，逐渐由Ed向Ex演变。Vim是一个免费的、开源的、改进版的Vi；默认安装在Mac OS X上的是7.3版本。
你可以轻松安装Vim的更新版本，MacVim（MacOS的GUI）或任何适用于你的平台的功能。Vim作为JavaScript编辑器，它的vim-plug readme文件中的建议是相当好的。
官网链接：http://www.vim.org/
下载地址：http://www.vim.org/download.php
使用哪个编辑器，由你决定
无论你是专注于客户端的JavaScript还是Node.js，都有多种选择。
如果你正在寻找一个功能强大，速度很快的JavaScript编程文本编辑器，并支持很多其它语言，可以选择Sublime Text。
如果你想要一个免费的，快速的JavaScript编辑器，兼容IDE，并且对ASP.Net和C＃支持得很好，Visual Studio Code是一个很好的选择。
Brackets和Atom是两个新的、免费的文本编辑器。Brackets是一款很接近于用于Node.js开发IDE的编辑器，Atom可以与GitHub桌面客户高度集成。
在Windows上，Notepad++是快速、有效并且免费的。在MacOS上，BBEdit是快速、很酷的、免费的限量版本，可用于版本控制集成，是一个HTML工具。TextMate仍然是一个非常棒的编辑器，具有快速、全功能、可扩展的特点，但是开发速度已经很缓慢。
如果倾向于使用开源脚本语言，Komodo Edit是个不错的选择。如果喜欢自定义编辑器，Emacs或Vim可以满足你的要求。
了解完JavaScript的编辑器，也需要了解JavaScript的开发工具。Wijmo是一款用TypeScript编写的新一代JavaScript/HTML5控件集。在全球率先支持AngularJS，并提供性能卓越、零依赖的FlexGrid 和图表等多个控件，是构建企业应用程序的全套控件集。
原文链接：http://www.infoworld.com/article/3195951/application-development/review-the-10-best-javascript-editors.html
转载请注明出自：葡萄城控件