WHAT - Web 代码编辑器（含 LSP - Language Server Protocol）

一、背景

1. 一个好用的编辑器需要的特性

一个好用的编辑器针对语言应该具备以下支持：

1. 语法高亮: 提供对代码的语法高亮显示，使代码结构更加清晰易读。
2. 代码联想和代码补全: 提供智能的代码联想和代码补全功能，根据当前上下文和已输入的内容，自动提示可能的变量、函数、方法等，并支持快速补全。
3. 悬浮提示: 提供悬浮提示功能，当鼠标悬停在代码片段上时，显示相关的注释、文档、参数信息等，方便开发者快速获取代码的相关说明和上下文信息。
4. 代码格式化: 能够自动或手动对代码进行格式化，使其符合统一的编码规范。
5. 代码导航: 支持快速跳转到变量、函数、类等定义的位置，以及快速查看定义的上下文信息。
6. 代码诊断: 实时监测代码中的错误，并给出相应的提示和建议，帮助开发者及时发现和修复代码中的问题。
7. 代码片段: 支持代码片段的快速插入和自定义，提高编写代码的效率。
8. 智能重构: 提供智能的代码重构功能，如重命名变量、提取函数等，帮助提高代码质量和可维护性。
9. 多种编程语言支持: 支持多种主流编程语言，并且针对每种语言提供相应的特定功能和支持。
10. 版本控制集成: 与版本控制系统（如Git）集成，方便进行版本管理、提交和比较修改等操作。
11. 集成终端: 内置终端功能，可以在编辑器中直接执行命令，如编译、运行程序等。
12. 插件生态系统: 提供丰富的插件生态系统，用户可以根据自己的需求选择安装相应的插件，扩展编辑器的功能和能力。
13. 性能优化: 在处理大型文件或项目时，保持良好的性能表现，不影响编辑器的响应速度和稳定性。
14. 用户界面友好: 具有直观、简洁的用户界面设计，易于上手和操作。

综上所述，一个好用的编辑器应该不仅提供基本的代码编辑功能，还应该具备智能化、可扩展性强、性能优越等特点，以满足开发者在编写代码时的各种需求。

2. 不同编辑器介绍：IDE 和 Web

在日常开发中，有许多代码编辑器可供选择，其中不乏前端开发者相对熟悉的，包括：

1. Visual Studio Code (VS Code): 由微软开发的免费开源代码编辑器，支持丰富的插件生态系统，包括语法高亮、代码联想和自动补全、代码诊断等功能。

2. Sublime Text: 另一个流行的代码编辑器，具有强大的插件支持和灵活的用户界面，也可以实现语法高亮、代码联想和自动补全、代码诊断等功能。

3. Atom: 由GitHub开发的免费开源代码编辑器，同样具有丰富的插件生态系统，可以满足代码编辑的各种需求。

4. JetBrains 系列编辑器（如IntelliJ IDEA、PyCharm、WebStorm等）: 这些编辑器通常用于特定语言或框架，提供了高度定制化的功能。

5. Emacs: 一个自由的、