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

如何在VS Code中为CSS启用Emmet?

在VS Code中启用CSS的Emmet功能

VS Code完全支持在CSS中使用Emmet,默认状态下该功能是开启的,若无法使用可通过以下步骤排查并启用:

  • 打开VS Code设置:使用快捷键Ctrl+,(Windows/Linux)或Cmd+,(Mac)调出设置面板。
  • 搜索emmet.enabled,确保该选项的值设置为true(默认已开启,若被误关可手动勾选)。
  • 搜索emmet.includeLanguages,检查配置中是否包含"css": "css",若没有则点击编辑 in settings.json,添加该行配置:
    "emmet.includeLanguages": {
      "css": "css"
    }
    
  • 若使用SCSS、Less等CSS预处理器,需对应添加配置,比如"scss": "css"或"less": "css"。
  • 搜索emmet.triggerExpansionOnTab,确保该选项设为true,这样输入Emmet缩写后按Tab键即可触发展开。

完成以上设置后重启VS Code,CSS中的Emmet功能即可正常使用。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.01 22:10:35