是否有VSCode的扩展,允许您插入自定义代码块?



我有一个画廊页面和很多图像放在我的网站上。我已经创建了一个元素结构来组织我想要的当前图像。

图像位于包装器内,包装器负责处理填充和定位。

img标签元素本身有一个class, alt text, title和loading属性。有没有一种方法可以让我想插入多少就插入多少?

这是我的代码:

<div class="img-window">
<img
src=".//assets/carina-nebula.jpg"
class="img"
alt="Carina Nebula"
title="Click to enlarge"
loading="lazy"
/>
</div>

就像VSCode中的emmet一样,通过定义标记的简写并在后面加上"*5",可以一次插入尽可能多的元素,以创建5个重复的元素;是否有一种快捷方式来插入这个元素结构?

我可能没有解释得很好,所以如果需要任何澄清,请告诉我。谢谢!

您可以创建自定义代码片段。参考vscode文档

  • 复制所需文本
  • 创建尽可能多的空行来复制
  • 将光标放在第一个空行
  • Shift+Alt+Click在最后空行
  • Ctrl+V
  • Esc

最新更新