什么是VSCODE扩展，可将短标签和类句子转换为扩展代码内部示例

问题描述

在Visual Studio代码中使用什么扩展名

ul.menu > li.item*3 > a.link#www.code.com > Click Me

它将与之交换

<ul class="menu">
   <li class="item"><a class="link" a="www.code.com">Click Me</a></li>
   <li class="item"><a class="link" a="www.code.com">Click Me</a></li>
   <li class="item"><a class="link" a="www.code.com">Click Me</a></li>
</ul>

解决方法

您有几个问题。

1. 删除空格，emmet将无法在“多个”空格中工作。

2. 您拥有a="www.code.com"，我想您的意思是id="www.code.com"，但这是有问题的，因为.的emmet将在其中解释为更多类：{{1 }}。这可以通过自定义属性语法a.link#www.code.com来解决。参见https://docs.emmet.io/abbreviations/syntax/#custom-attributes

3. 您的最终文本也有空格，请用[attributeName="attributeValue"]

   换行

所以您将必须做：

{}

扩展为：

ul.menu>li.item*3>a.link[id="www.code.com"]{Click Me}

如果您确实将<ul class="menu"> <li class="item"><a href="" class="link" id="www.code.com">Click Me</a></li> <li class="item"><a href="" class="link" id="www.code.com">Click Me</a></li> <li class="item"><a href="" class="link" id="www.code.com">Click Me</a></li> </ul> 作为属性，那么请像a="www.code.com"那样将该自定义属性设为

最后，由于emmet是ul.menu>li.item*3>a.link[a="www.code.com"]{Click Me}标记，因此期望使用href属性和值。如果您不想要这样做，请告诉我们-您可以使用自定义的emmet代码段消除这种情况。