Как изменить последовательность атрибутов при создании тега?

Question

При создании тега мне нужно, чтобы класс атрибута всегда был первым.Если я создаю тег, такой как: a.link, то результат будет <a href="" class="link"></a> или img.header__img <img src="" alt="" class="header__img">, как я могу изменить последовательность?Спасибо.

Answer 1

У меня есть частичный ответ, может быть, у кого-то есть что-то лучше.См. пользовательские фрагменты emmet в 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 и заполнить его атрибутом класса.Не работаетВозможно, кто-то знает, как заставить это работать или просто переопределить встроенные фрагменты emmet.