不可不知的 5 种 JavaScript 代码编辑器

WebStorm

JetBrains公司的WebStorm在两个方面做得不错，一方面是集成开发环境，它可以支持版本控制系统；另一方面，作为编辑器，它支持诸如语法高亮、自动生成和导航等标准功能。 

WebStorm优点：

·   实时编辑—可以不需要保存就能看到代码的变化；

·   与诸如React、Angular、Meteor等框架进行交互；

·   与Mocha、Protractor、Jest、Karma整合进行单元测试；

·   超过100个内置的错误检测测试；

·   可以作为全面的调试器，调试服务器端和用户端的代码；

·   允许同时处理多个文件的导航；

·   代码自动生成，语法高亮。

缺点：

·   第一年价钱为129美元；

·   该功能对于初学者是足够的。

Visual Studio Code

这是IDE Visual Studio的一个开源编辑器，专注于代码处理，简单易学、使用方便、功能强大。

优点：

·   在语法、使用变量、模块、函数方面可以进行上下文语境的自动生成；

·   调试断点、调用栈和交互式控制台；

·   代码段和模板支持；

·   Git 整合；

·   方便易用的界面；

·   免费。

缺点：

·   插件很少。

Sublime Text

这是一款方便且使用时间较长的跨平台编辑器，拥有可定制化界面和利用热键进行简单操作的能力。 

优点：

·   热键；

·   使用迷你地图进行导航代码；

·   可以改变主题；

·   代码段支持；

·   变量和语法的高亮和自动生成；

·   使用指针进行多次编辑；

·   构建系统支持；

·   输入时进行语法的检查；

·   插件比较多；

·   自动保存。

缺点：

·   完整版70 美元；

·   缺少用于放置链接的代码分析器。

Atom Editor

Atom 是由GitHub 2015年开发的，它复用了Sublime Text的设计，并使用Chromium框架。 

优点：

·   50多个开放模块；

·   方便舒适的界面；

·   免费；

·   代码自动生成和高亮；

·   拥有3500多个软件包管理系统；

·   灵活的连接包和界面主题的编辑设置；

·   利用热键进行编辑和导航。

缺点：

·   性能不高；

·   没有开箱即用功能。

Brackets

2014年，Brackets由于存在许多漏洞致使大量开发者拒绝使用，但是后来它又以其高质量功能逐渐恢复了开发者的信心。

优点：

·   丰富的开箱即用功能；

·   实时预览模式—可以实现编辑浏览器的实时预览；

·   软件包管理系统；

·   可以在代码中展示已用过的图片和颜色；

·   自动生成和语法高亮；

·   代码分析器；

·   免费。

缺点：

·   严格面向网页和HTML + CSS + JavaScript；

·   发展缓慢；

·   由于预览功能导致性能不佳。