VSCode / Emmet : Как при задании класса выводить атрибут class сразу после имени тега

В VSCode/Emmet для разворачивания аббревиатуры используется конструкция вида:

имя_тега.имя_класса + Tab

Например, img.logo после нажатия Tab преобразуется в <img src="" alt="" class="logo">.
Подскажите, можно ли и как изменить настройки так, чтобы при разворачивании аббревиатуры с классом, класс вставлялся сразу после имени тега? Т.е. чтобы в приведенном выше примере запись выглядела вот так:

<img class="logo" src="" alt="">

Ответы (1 шт):

Автор решения: Dmitry

Для данного вопроса, необходимо добавить в файл настройки settings.json следующие строки

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

После этого, все заработает как вы хотите

введите сюда описание изображения

Для более тонких настроек используйте файл snippets.json, где можете определять более конкретное поведение. Документация. В этом случае не забывайте добавить путь до файла snippets.json через настройки либо в settings.json, либо через графический интерфейс пользовательских настроек.

→ Ссылка