JavaScript编辑器，你在用哪个？

对付JavaScript措施员来说，今朝有许多很棒的器材可供选择。

本文将会接头10个优越的支持JavaScript，HTML5和CSS开拓，而且可以行使Markdown举办文档编写的文本编辑器。为什么行使编辑器而不是IDE举办JavaScript编程?缘故起因就是速率快。

编辑器和IDE之间的本质区别在于：IDE不单可以调试，而且可以对代码举办提纲说明，IDE还支持应用措施的生命周期打点(ALM)体系。我们在这里接头的很多编辑器至少支持一个版本节制体系，凡是是Git，此刻IDE和编辑器之间的区别也越来越小。

在这10个JavaScript编辑器中，Sublime Text和Visual Studio Code是个中排名靠前的两个。Sublime Text以其速率和利便的编辑成果多样性着名，Visual Studio Code的成果和速率与Sublime Text险些同等。TextMate排名第三，固然TextMate在两年前排名第一，但其成果并没有真正跟上成长。

你很也许在Sublime Text，Visual Studio Code和Brackets中找到本身喜好的JavaScript编辑器，可是尚有其余的编辑器器材Atom，BBEdit，Komodo Edit，Notepad ++，Emacs和Vim等值得相识。你可以按照此刻的项目，选择个中最为利便行使的编辑器材。

下面我们来相识全部的编辑器，文末会对它们举办比拟。

Sublime Text

假如你想要一个机动、强盛、可扩展的文本编辑器，它可以或许如闪电般快速运行，而且支持切换到其余窗口举办代码搜查、调试和陈设，那么可以思量行使Sublime Text。

除了速率较快以外，Sublime Text尚有很多值得留意的上风，它涵盖了70多种文件范例，个中包罗JavaScript、HTML和CSS; 即时导航和即时项目切换; 多选项(一次举办一系列变动)，包摆列选择(一次选择文件的一个矩形地区); 多窗口(行使你的全部表现器窗口)和拆分窗口; 行使简朴的JSON文件举办完备的自界说; 基于Python的插件API; 一个同一的、可搜刮的呼吁板。

对付行使其余编辑器的措施员来说，Sublime Text支持TextMate包(不包罗呼吁)和Vi / Vim仿真。

Sublime Text是一个高度可设置和可扩展的文本编辑器。它包括高出50种语法，个中包罗JavaScript，它可以行使Sublime软件包和TextMate语法界说举办扩展。可以可以或许通过少量按键来安装Babel(React)和TypeScript(Angular)的语法和支持。

Sublime Text支持多个窗口、拆分窗口，每个项目可以有多个事变区、多个视图以及包括视图的多个窗格。当想要整合、调试和测试空间时，行使全部的屏幕空间会变得相等简朴的。Sublime Text还支持全部内容的自界说：颜色，文本字体，全局键绑定，制表符遏制，特定文件的键绑定和代码段，乃至语法突出表现法则等。Sublime Text的编码文件默以为JSON文件，说话界说默认是XML。

Sublime Text有一个活泼的用于建设和维护Sublime Text包和插件的社区。Sublime Text缺傲幽很多成果，包罗JSLint和JSHint接口，JsFormat，JsMinify，PrettyJSON和Git支持 ，都可以通过社区行使Package Installer来实现。

Visual Studio Code

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。

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具有表现在文件树上方的事变文件列表。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!