5.6 代码编辑工具

源代码编辑器是一种文本编辑器程序，专门用于程序员编辑计算机程序的源代码。 它可以是独立的应用程序，也可以内置在集成开发环境（IDE）或者在Web浏览器中。 源代码编辑器是最基本的编程工具，因为程序员的基本工作是编写和编辑源代码。

- 维基百科

使用Notepad或者TextEdit等简单的文本编辑应用程序可以最低限度地编辑前端代码。但是，大多数前端从业者使用专门设计的代码编辑器来编辑编程语言。

可以这么说，代码编辑器有各种类型和大小。 选择哪一个都是相当主观的。 选择一个从里到外地学习，然后继续学习HTML、CSS、DOM和JavaScript。

但是，我坚信，代码编辑器应该具有以下特性（默认情况下或者通过插件）：

  1. 关于如何使用编辑器的良好文档

  2. 关于HTML、CSS和JavaScript的代码质量报告（即提示、校验和错误信息）。

  3. 为HTML、CSS和JavaScript提供语法高亮显示。

  4. 为HTML、CSS和JavaScript提供代码补全。

  5. 可以通过插件机制进行定制。

  6. 提供大型第三方插件库和社区插件库，可以根据自己的喜好自定义编辑器。

  7. 小巧、简单、不与代码耦合（即不需要编辑代码）。

代码编辑器：

在线代码编辑器：

可共享和可运行的简易代码编辑器：

用于共享有限数量的可立即运行的代码。不是真正的代码编辑器，而是用于在Web浏览器中共享少量可立即运行代码的工具。

我推荐使用Visual Studio Code，因为该工具的质量以及对编辑器的持续改进，其由Microsoft提供支持，因此不会停止它的维护和减慢它的更新速度。它被广泛使用：

Performance

图片来源: https://2018.stateofjs.com/other-tools/text_editors