VS Code中HTML Emmet快速填充功能失效求助：Tab+!、li*3+Tab等快捷方式无法使用

我碰到过不少用户在安装Vue插件后遇到Emmet失效的情况，给你几个针对性的排查和解决步骤，应该能搞定：

• 检查Emmet的语言关联配置
  打开VS Code设置（快捷键Ctrl+,或Cmd+,），搜索Emmet: Enabled Languages，确保html在列表中。如果需要在Vue文件里使用Emmet，还要添加vue-html或vue的关联，具体可以在设置JSON里添加：

  "emmet.includeLanguages": {
    "html": "html",
    "vue": "html",
    "vue-html": "html"
  }
  

• 确认Tab触发Emmet的开关
  在设置里搜索Emmet: Trigger Expansion On Tab，一定要确保这个选项是勾选状态。有些第三方插件可能会悄悄修改这个设置，导致Tab无法触发Emmet展开。

• 重置Emmet相关配置
  如果之前改过Emmet的配置，可能出现冲突。可以点击设置页面右上角的「打开设置(JSON)」，删除所有以emmet.开头的自定义配置，保存后重启VS Code，让Emmet回到默认状态再测试。

• 清理残留的插件配置
  你卸载重装VS Code后，用户配置文件夹可能还残留着旧的插件设置。可以手动删除以下路径的文件夹（记得先备份重要的settings.json）：

  • Windows：%APPDATA%\Code\User
  • Mac：~/Library/Application Support/Code/User
  • Linux：~/.config/Code/User
    删除后重新安装VS Code和必要的插件，再测试Emmet功能。

• 在纯HTML文件中测试
  新建一个后缀为.html的文件，切换语言模式为HTML，输入!按Tab，或者li*3按Tab，看是否生效。如果纯HTML文件正常，那问题就出在Vue文件的语言关联上，按照第一步的配置调整即可。

内容的提问来源于stack exchange，提问作者emma