VS Code部分Emmet缩写失效 !+Tab、*等快捷触发无响应
VSCode 1.69.0 版本HTML文件Emmet特殊缩写Tab触发失效修复
对应问题场景:1.69.0版本VSCode,Emmet功能此前运行正常,在已有index.html的工作区新建new.html后,所有HTML文件出现!、*类Emmet缩写无法通过Tab触发,a、div等普通标签缩写运行正常。
修复步骤(按优先级操作)
修复版本已知配置冲突
1.69.0版本存在内联补全功能和Emmet特殊缩写的兼容bug,直接打开设置面板(快捷键Ctrl+,/Cmd+,),点击右上角的打开设置(JSON)图标,在配置项中加入/修改以下字段:"emmet.triggerExpansionOnTab": true, "emmet.useInlineCompletions": false保存配置后重载窗口,80%的同类问题可直接解决。
校正文件语言关联
新建文件偶发的语言模式识别错误会导致Emmet特殊缩写逻辑失效:- 打开任意异常的HTML文件,查看VSCode右下角状态栏的语言模式标识
- 若标识显示不是
HTML,点击该标识,在弹出列表中选择HTML,同时勾选「将.html文件关联到HTML」选项 - 关闭所有已打开的HTML标签页,从资源管理器中重新双击打开文件测试,不要在未保存的新建标签页测试效果
排查快捷键/插件冲突
若前两步无效,先验证Emmet本身功能是否正常:- 打开命令面板(快捷键
Ctrl+Shift+P/Cmd+Shift+P),输入!后搜索执行Emmet: 展开缩写命令 - 若命令执行可正常生成HTML模板,说明Tab键被其他插件/自定义快捷键占用:打开键盘快捷方式面板(快捷键
Ctrl+K Ctrl+S),搜索emmet.expandAbbreviation,将该命令的Tab触发优先级调高,移除其他非必要功能对Tab键的绑定 - 若命令执行也无法生成内容,直接禁用最近安装的代码补全类、第三方HTML模板类插件,重启VSCode测试
- 打开命令面板(快捷键
兜底配置修复
以上操作都无效时,在settings.json中追加Emmet语法强制映射配置,重载窗口即可:"emmet.includeLanguages": { "html": "html" }
内容的提问来源于stack exchange,提问作者Bek
相关产品推荐
相关产品推荐

