Monaco Editor编辑器教程（二九）：在monaco中引入额外ts类型库，增强编辑器体验网站首页 其他

Monaco Editor编辑器教程（二九）：在monaco中引入额外ts类型库，增强编辑器体验

拿我格子衫来 2024-06-10 12:00:02

简介Monaco Editor编辑器教程（二九）：在monaco中引入额外ts类型库，增强编辑器体验

前言

在之前的文章中，我们介绍了如何在monaco中为某一个方法增加注释，可以通过CodeLens 也可以通过Marker来显示某个变量，常量，或方法的文档。但这种方法不太适合大规模的库，比如一个js库有成千上百个方法，作为一名懒惰的程序员不可能将每一个方法都添加到monaco中。那么本篇文章就来给大家介绍一种借助TypeScript的类型声明文件，来增强编辑器的体验。该方法不仅能够显示某个方法的详细文档，还能在书写时自动完成某个方法。

核心方法只有一个 addExtraLib()
官方文档
https://microsoft.github.io/monaco-editor/docs.html#interfaces/languages.typescript.LanguageServiceDefaults.html#addExtraLib

下面来详细介绍一下。

addExtraLib

由于monaco不像vscode接入来 LSP（语言服务协议）来实现自动完成，方法文档显示。所以要在编辑器中大批量为方法，变量，实现自动完成，方法注释比较麻烦，但是monaco有addExtraLib 这个方法，该方法可以传人一个类型声明的字符串 addExtraLib(content: string, filePath?: string): IDisposable。
下面是一个参数 content 的例子。