VSCode里Emmet缩写不生效是怎么回事?

极客巧梅 阅读 27

我在VSCode写HTML的时候,输入div.container按Tab没反应,Emmet缩写突然用不了了,之前还好好的。

已经确认文件后缀是.html,也试过重启编辑器,还检查了设置里Emmet: Enabled没被关掉,但就是没法展开缩写,是不是哪里配置错了?

我来解答 赞 8 收藏
二维码
手机扫码查看
1 条解答
司空保霞
这种情况十有八九是VSCode没识别出当前文件的语言模式,哪怕你后缀是.html,有时候它也会抽风识别成纯文本,导致Emmet不干活。

先看一眼编辑器右下角,确认是不是显示HTML。如果不是,点那儿手动切回HTML,通常立马就好。

如果切回来还是不行,那可能是Tab触发的开关被关了,或者你需要显式指定一下。直接改settings.json比在UI里找更优雅。

打开设置,找到“在settings.json中编辑”,加上这行:

{
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"javascript": "javascriptreact",
"vue": "html",
"plaintext": "html"
}
}


把plaintext也映射到HTML是个小技巧,以后就算语言识别错了,Emmet也能强行展开,省得折腾。
点赞 2
2026-03-03 21:00