VSCode中HTML文件按Ctrl+/注释生成{{! }}而非<!-- -->该如何解决
异常原因
{{! }}是Handlebars、Mustache类前端模板引擎的专属注释语法,该注释仅在模板编译阶段生效,不会输出到最终渲染的HTML源码中。
出现Ctrl+/注释格式异常的核心原因是VSCode将当前编辑的.html文件的语言模式识别为了带模板引擎的HTML变体(如HTML(Handlebars)),而非标准HTML,因此套用了模板引擎的注释规则。
解决方法
临时生效(仅对当前打开文件有效)
- 查看VSCode窗口右下角状态栏的语言标识,如果显示的不是HTML,点击该标识
- 在弹出的语言模式选择列表中搜索并选择
HTML,切换完成后再次使用Ctrl+/快捷键即可生成标准<!-- -->格式注释
永久生效(对所有.html文件生效)
- 打开VSCode设置,快捷键为
Ctrl+,(Windows/Linux)或Cmd+,(Mac) - 在设置搜索框输入
files.associations,找到「文件: 关联」配置项 - 点击「添加项」,项键填写
*.html,项值填写html,保存配置即可 - 若你安装了Handlebars、Mustache相关的扩展,也可以进入对应扩展的设置页,关闭「自动将.html文件识别为对应模板语言」的开关,避免后续出现语言识别冲突
内容的提问来源于stack exchange,提问作者DogyunKim
相关产品推荐
相关产品推荐

