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

Win11版VS Code 1.69中Emmet缩写用法及!不生成HTML模板问题

VS Code 1.69(June 2022)版本Emmet使用指南及!触发失效修复

该版本Emmet abbreviation正确使用方式

  • 自动触发:在html、css、jsx、vue等Emmet默认支持的语言文件内输入缩写时,编辑器会自动弹出Emmet补全提示,选中对应项按Enter或Tab即可完成代码展开。
  • 手动触发:若未自动弹出补全提示,按下Ctrl+Space即可手动唤出全量补全列表,从中选择需要的Emmet缩写项即可。
  • 扩展适配场景:若需要在非默认支持的文件类型中使用Emmet,打开设置面板找到Emmet: Include Languages配置项,添加对应文件后缀和Emmet支持语言的映射即可,例如需要在.tpl模板文件中使用HTML类Emmet规则,添加配置项{"tpl": "html"}即可生效。

输入!无法生成HTML样板代码问题修复

1.69版本默认调整了Emmet单字符缩写的触发阈值,单个!默认不会直接触发自动补全,属于版本规则调整而非功能故障,可通过以下任意一种方案解决:

  • 临时触发方案:确认当前编辑文件后缀为.html,且编辑器右下角语言模式选中为HTML,输入!后按下Ctrl+Space手动唤出补全列表,选择对应Emmet项即可展开完整HTML初始化样板。
  • 永久恢复旧版触发逻辑:
    1. 按下Ctrl+,打开VS Code设置面板
    2. 搜索配置项Emmet: Trigger Expansion On Tab,勾选启用该选项,开启后在HTML文件中输入!直接按Tab即可触发展开
    3. 若上述操作后仍无法触发,继续搜索Emmet: Exclude Expanded Abbreviation配置项,确认排除列表中不存在!相关条目
    4. 如果是在vue、jsx等非纯HTML文件中使用该功能,需要先在Emmet: Include Languages中添加对应语言到html的映射规则,才能正常触发样板生成
  • 自定义快捷键方案:按下Ctrl+K Ctrl+S打开键盘快捷方式设置面板,搜索Emmet: Expand Abbreviation命令,为其绑定习惯使用的快捷键,后续输入!后按下绑定的快捷键即可直接完成展开。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.26 09:39:57