VS Code中Emmet自动闭合标签注释的自定义配置问题

1. 为UL标签自动添加注释 #

默认Emmet仅为带#ID或.class的元素生成注释，要让无属性的ul等标签也自动触发注释，需调整注释模板使其包含元素标签名，确保过滤器对所有元素生效。

2. 修改注释格式添加“End”字段 #

直接修改注释模板字符串，加入“End”字段即可实现需求格式。

最终配置代码 #

替换你当前VS Code用户偏好设置中的相关代码为以下内容：

"emmet.preferences": {
    "filter.commentAfter": "<!-- /.End [TAG][#ID][.CLASS] -->"
},
"emmet.syntaxProfiles": {
    "html": {
        "filters": "html, c"
    }
}

效果说明 #

• 输入ul并触发Emmet补全后，生成内容：

  <ul></ul>
  <!-- /.End ul -->
  

• 输入div.hero并补全后，生成内容：

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

• 输入nav#main-nav并补全后，生成内容：

  <nav id="main-nav"></nav>
  <!-- /.End main-nav -->
  

内容的提问来源于stack exchange，提问作者Sanjay