Как изменить сниппет Emmet в VS Code?

Question

[yoriikholodenko]

Как изменить сниппет Emmet в VS Code?
В HTML стандартный вывод сниппета тега "a"
a.my-classрезультат<a href="#" class="my-class"></a>
а как и где сделать чтобы изначально был класс <a class="my-class" href="#"></a>?

Answer 1

[yoriikholodenko]

Решение нашел, если вдруг кому нужно, то в файле settings.json прописать

"emmet.preferences": {
    "output.reverseAttributes": true
  }

Answer 2

[Максим Иванов]

Думаю поможет :)

UPD:
1. Для начала перейдите в папку по этому пути: C:\Users\ИМЯ_ВАШЕГО_ПК\AppData\Roaming\Code\User\snippets
Здесь будут хранится все файлы сниппетов.
2. Заходим и создаем файл snippets.json (можно любое другое название).
3. Далее в vs code переходим по этим вкладкам: File => Preferences => Settings и в строке поиска вбиваем Emmet: Extensions Path
4. Нужно нажать Add Item и прописать путь к папке в которой лежат (или лежит если файл один) файлы со снипеттами. Обязательно в конце должно быть название папки, без названия самого файла!
5. Добавляешь например следующий код в созданный ранее файл:

{
  "html": {
    "snippets": {
      "img:l": "img[width height loading='lazy']"
    }
  }
}

Comments

[yoriikholodenko]

Не совсем то, либо я не разобрался. Если можно "разжевать"))

[Максим Иванов]

yoriikholodenko, И так, приступим :)

1. Для начала перейдите в папку по этому пути: C:\Users\ИМЯ_ВАШЕГО_ПК\AppData\Roaming\Code\User\snippets
Здесь будут хранится все файлы сниппетов.
2. Заходим и создаем файл snippets.json (можно любое другое название).
3. Далее в vs code переходим по этим вкладкам: File => Preferences => Settings и в строке поиска вбиваем Emmet: Extensions Path
4. Нужно нажать Add Item и прописать путь к папке в которой лежат (или лежит если файл один) файлы со снипеттами. Обязательно в конце должно быть название папки, без названия самого файла!
5. Добавляешь например следующий код в созданный ранее файл:

{
  "html": {
    "snippets": {
      "img:l": "img[width height loading='lazy']"
    }
  }
}

По сути всё :)

[yoriikholodenko]

Огромное спасибо за помощь, но это не то что мне нужно было, решение нашел, все что нужно было, это в файле settings.json прописать

"emmet.preferences": {
    "output.reverseAttributes": true
  }

[baizakyl]

Максим Иванов, Спасибо! Пригодилось