You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何阻止VS Code对大写开头内容触发Emmet HTML缩写建议?

解决Emmet大写非有效标签自动缩写问题
  • 核心解决思路:通过自定义Emmet规则,区分HTML与JSX场景的标签处理逻辑,既保留JSX大写组件的缩写功能,又阻止HTML中大写非有效标签触发自动补全。
  • 有效配置方案:
    1. 在编辑器配置文件中添加以下设置,全局屏蔽大写开头的非标准标签缩写:
      "emmet.includeLanguages": {
        "html": "html",
        "javascriptreact": "jsx"
      },
      "emmet.abbreviations": {
        "global": {
          "[A-Z]*": false
        }
      }
      
      此规则会阻止所有大写开头的标签触发Emmet缩写,同时不影响小写有效HTML标签(如div、p)的正常补全,JSX场景下的大写组件缩写不受影响。
    2. 若需更精细控制,可在HTML场景下仅列出允许触发缩写的小写标签:
      "emmet.abbreviations": {
        "override": {
          "html": {
            "div": "<div></div>",
            "p": "<p></p>",
            "span": "<span></span>"
            // 按需添加其他常用小写HTML标签
          }
        }
      }
      
  • 注意事项:无需关闭全局缩写功能,配置仅针对问题场景生效;该方案可规避Issue #33028带来的体验问题,后续可关注官方修复更新。

内容的提问来源于stack exchange,提问作者MasterBasil

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.03 00:15:06