Как называется плагин Visual Studio Code который автоматически добавляет комментарий в конце закрывающего блока HTML с классами и идентификаторами?

Question

[7GIT]

Что-то наподобие такого:

<div class="test">
<h1>Какой-то текст</h1>
</div><!-- test -->

Answer 1

[7GIT]

Решение
Emmet умеет вот так:

Вводим
.container|c
Жмем Tab

<div class="container"></div>
<!-- /.container -->

Answer 2

[valejer]

Это можно сделать сниппетами. Например:

{
  "div element": {
    "scope": "html",
    "prefix": "div",
    "body": [
      "<div class=\"$1\">",
      "    $2",
      "</div><!-- end $1 -->"
    ],
    "description": "commented div"
  }
}

Но понадобятся такие сниппеты для тегов section, header, footer и т д.
Поэтому можно сделать вот так:

{
  "commented element": {
    "scope": "html",
    "prefix": "div", // тут любое сочетание букв, как удобно
    "body": [
      "<$1 class=\"$2\">",
      "    $3",
      "</$1><!-- end $2 -->"
    ],
    "description": "commented element"
  }
}

Comments

[7GIT]

Не понимаю, как это работает. Другого решения нет!?
Прописал в settings,json оба варианта, автоматически коменты не добавляются.
Где-то видел решение, щас найти не могу.

[valejer]

Это не в settings,json пишется, а создаётся новый сниппет и туда помещается код.
File -> Preferences -> User Snippets -> New global snippets file.
Нужно почитать документацию, как работать со сниппетами в VSCode, чтобы понятнее было.

Answer 3

[TutEvgen84]

HTML End Tag Labels