超级干货！你一定要掌握的5 种 JavaScript 代码编辑器！

Posted 2021-06-10 DueApe

工欲善其事，必先利其器。Web设计和开发是现今越来越流行的职业方向之一，如果想在这个领域出类拔萃，那么就必须具备一些优秀的技能。

例如能操作不同的平台和其他各种各样的工具。而代码编辑器对于程序员来说是最不可或缺的。

javascript是一款非常火的编程语言，今天给大家带来的是5个非常实用的JavaScript代码编辑器。

01 WebStorm

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

优点：

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

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

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

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

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

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

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

  
  

缺点：

• 贵！第一年价钱为129美元；

• 只适用于初学者。

02 Visual Studio Code

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

优点：

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

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

• 代码段和模板支持；

• Git 整合；

• 方便易用的界面；

• 免费使用。

缺点：

• 插件少。

03 Sublime Text

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

优点：

• 热键；

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

• 可以改变主题；

• 代码段支持；

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

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

• 构建系统支持；

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

• 插件比较多；

• 自动保存。

缺点：

• 收费，完整版要70美元；

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

04 Atom Editor

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

优点：

• 50多个开放模块；

• 方便舒适的界面；

• 免费；

• 代码自动生成和高亮；

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

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

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

缺点：

• 性能不高；

• 没有开箱即用功能。 

05 Brackets

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

优点：

• 丰富的开箱即用功能；

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

• 软件包管理系统；

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

• 自动生成和语法高亮；

• 代码分析器；

• 免费。

缺点：

• 严格面向网页和html + CSS + JavaScript；

• 发展缓慢；

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