当前位置: 首页 > 网络应用技术

少年,我通过了vscode插头的宝藏

时间:2023-03-06 23:59:36 网络应用技术

  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插头。你应该只有富有想象力。