VSCODE是我们每天使用的编辑器。我们将使用许多Vscode插头。其中一些更强大,但实际上非常简单。今天我将介绍此API。
让我们首先了解一些概念:
每个编辑器窗口都称为编辑器,您可以获取所有可见编辑器实例。
编辑中有什么?
编辑器中的编辑器当然是文档,您可以获得文档实例。
文档可以再次获取文档内容。
接下来是简单而强大的API:
它的作用是将一些CS添加到某个编辑器位置,即某个范围,这些CS被称为装饰。
创建装饰器的API是:
参数是CSS,可以使用各种样式添加。您还可以添加伪元素(之前或之后):
这些装饰在哪里?由第二个参数范围指定。范围由文档中的两个位置确定。
这样,您可以将装饰添加到编辑器中。
让我们连接上述内容:
从编辑器中获取文档,然后获取文本内容,找到位置1和位置2的两个位置,以制作一个范围,然后装饰此范围,装饰是各种CSS或伪元素。
您可能会说,就是这样?在此API中有什么功能。
然后,让我们看看这个API可以做什么。
您从未使用过此CSS颜色突出显示的插件Vscode-Color-Highlight。该实现是要匹配定期颜色的范围,然后在伪决定之前添加一个以添加背景颜色。
上图是我之前曾执行过颜色预览功能,并且还支持梯度颜色。
可以说Gitlens是最受欢迎的Vscode插头。它如何在编辑器中显示提交信息?
没错,这也是通过装饰器。
此外,编辑器中烟花的插件模式,这种酷效果也基于装饰器。原则是,当文档内容更改时,添加之前的伪元素,放置GIF图,然后放置GIF图,并且一段时间后消失。
这些功能基于我们之前学到的API,无论它是简单而强大的。
VSCODE中的每个编辑器窗口都是一个可以获得所有可见编辑器的编辑实例。
编辑器具有文档,然后您可以通过获取文本来获取文本。
之后,通过文本的常规匹配,确定装饰范围,然后创建一个装饰对象,即css.s.next,您可以使用此简单而强大的API:为编辑器添加装饰。
实际上,我们通常使用VSCODE函数。有许多装饰器实现,例如CSS颜色预览,git责备信息以及编辑烟花等特殊效果。
年轻,将向您教授此Vscode插头。你应该只有富有想象力。