CodeMirror 官网基础

Theory/Doc也有一篇CodeMirror笔记

参考：

• 官网手册（但是太文档化了，有些隐晦难懂）
  • 系统指南：https://codemirror.net/docs/guide/
  • 参考手册：https://codemirror.net/docs/ref/
  • 例子：https://codemirror.net/examples/，里面的 “编程接口” 一项较重要
  • 在线运行环境demo：https://codemirror.net/try/，自带5个Example
    0. 默认
    代码高亮（不能选回来，只能刷新页面）
    1. Minimal editor
       （没看出来有什么特别的）
    2. Moving the selection
       Alt+方向键 可以移动行
    3. Custom completions
       （没看出来有什么特别的）
    4. Single-line editor
       仅单行
    5. Markdown code block highlighting
       这个就是Markdown语法高亮
• 其他教程（都是用CodeMirror部署项目相关的）
  • https://cloud.tencent.com/developer/article/1760809
  • https://blog.gavinzh.com/2020/12/13/codemirror-getting-started/

主要目录

引导里说了，CodeMirror 被设置为独立模块的集合，有下面这9个包：

						// 虽然这里有9个包，但最核心的包是前三个。第4、5个有时也会用，其他暂时没见过
@codemirror/state		// 状态管理，它定义了表示 编辑器状态和对该状态的更改 的数据结构
@codemirror/view		// 视图，一个知道如何向用户显示编辑器状态并将基本编辑操作转换为状态更新的 显示组件。
@codemirror/commands	// 为它们定义了很多编辑命令和一些 键绑定
@codemirror/language	// 有时也会用
@codemirror/language-data
@codemirror/search
@codemirror/autocomplete
@codemirror/lint
@codemirror/collab
codemirror

然后每个包里会包含一些类或接口