VS Code Emmet回车行为修改诉求:优化.class代码补全操作体验
调整VS Code中Emmet的回车触发行为
当然可以修改这个行为!你遇到的问题是VS Code默认的Emmet触发逻辑和Sublime Text不一致导致的,下面是具体的解决步骤:
- 打开VS Code的设置面板:使用快捷键
Ctrl+,(Windows/Linux)或Cmd+,(Mac),也可以通过顶部菜单栏的文件 > 首选项 > 设置进入。 - 搜索Emmet触发设置:在设置搜索框中输入
emmet.triggerExpansionOnTab,找到对应的配置项。 - 启用Tab触发补全:将该选项勾选为
true。这样之后,你输入.class这类Emmet缩写后,直接按下Tab键就能立刻得到<div class="class"></div>的理想补全效果,和Sublime的操作逻辑完全一致。 - (可选)优化回车触发(不推荐):如果你坚持想用回车触发,可以搜索
emmet.expandAbbreviationOnEnter,将其设置为always或者指定目标语言(比如html)。不过这种方式容易和编辑器的自动换行功能冲突,还是更建议用Tab触发的方式。
这样调整后,就能避免繁琐的额外操作,直接获得流畅的Emmet补全体验啦。
内容的提问来源于stack exchange,提问作者Miyagi
相关产品推荐
相关产品推荐

