在编辑器中有很多交互,其中一种交互就是当鼠标放到一个class上,显示该类的定义,该类的行数,注释,这在monaco中很常见,有时这个class并不是在当前文件定义的,而是在其他未打开的文件中定义的。
如下图
鼠标放到insertSpaces 上,会显示该属性的上传路径,类型定义,以及备注。
上面这个是一个使用自定义Marker设置的分词备注。
对于一个较大的项目来说,在使用类,方法,参数时,这些注释能够极大地帮助开发者,排查错误,准确调用方法,参数定义。
这种分词注释的适用场景有很多,其中一个场景时,在系统中定义一些环境变量,在编辑文件时使用这些变量,但后来的开发者可能不理解这些变量的含义,用处,这个时候如果鼠标放到变量上,显示该变量的定义,用处,等一些重要注释,将会非常有助于开发者。
下面我们就来介绍一下在monaco编辑器中如何使用Marker来制作一些自定义的标记,注释。以此来提升用户的使用体验。
为了让大家对Marker功能有一个比较清晰的认识,想让大家来看一下使用Marker实现的几个效果。