编辑 Emmet 自动评论结束标签 | VS代码

Question

有没有办法在 VS 代码中使用 Emmet 对自动完成评论进行以下更改：

1.自动添加注释到 UL 标签？ 目前，它将使用#ID 和.class 来完成

2.是否可以编辑自动评论以添加结束即：

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

change to:

  <div class="hero"></div>
  <!-- /.End hero -->


Here's the code in the VS Code User Preferences:

  "emmet.preferences": {
    "filter.commentAfter\n": "<!-- /[#ID][.CLASS] -->"
  },
   "emmet.syntaxProfiles": {
    // Enable XHTML dialect for HTML syntax
    // “html”: “xhtml”
    "html": {
      "filters": "html, c"
    }
  }

Answer 1

您可以将您想要的文本添加到评论过滤器中：

"emmet.preferences": {
  "filter.commentAfter": "\n<!-- /End [#ID][.CLASS] -->"
}

你最终会得到：

<div class="hi"></div>
<!-- /End .hi -->

<div id="hi"></div>
<!-- /End #hi -->

注意. 或#将在评论中的class或id之前 - 无法更改它。

如果你不想要. 或者#使用这个代替：

"filter.commentAfter": "\n<!-- /End [ID][CLASS] -->"

此外， END之前的斜杠/完全是可选的 - 它只是您添加的更多文本 - 如果需要，您可以将其删除。 我把\n从你问题中的位置移走了。