创建标签时如何更改属性顺序？

Question

创建标签时，我需要属性类始终是第一个。 如果我创建一个像这样的标签：a.link，结果就是这个<a href="" class="link"></a> 或img.header__img <img src="" alt="" class="header__img">，如何更改顺序？谢谢。

Answer 1

我有一个部分的答案，也许有人有更好的选择。参见custom emmet snippets in vscode。

创建一个snippets.json文件。

使用此设置指向您的snippets.json目录（而不是文件本身）：

"emmet.extensionsPath": "C:\\Users\\Mark\\OneDrive\\Test Bed\\.vscode",

在snippets.json文件中输入如下内容：

{
  "html": {
      "snippets": {
          "iq": "<img src='${1}' alt='${2}' class='${3}'>",
          "aq": "<a class='${1}' href='${2}'></a>"
      }
  },
  "css": {
      "snippets": {
          "cb": "color: blue",
          "bsd": "border: 1px solid ${1:red}",
          "ls": "list-style: ${1}"
      }
  }
}

您看到 iq 和 aq 现在将以您希望的属性顺序触发img和a标签。

但是，您不能简单地执行 aq.someClass 并将其填充到class属性中。没用也许有人知道如何做到这一点，或者简单地覆盖内置的emmet片段。