VSCode设置editor.autoIndent=full后Vue文件空HTML标签无法自动缩进求助
解决VSCode中Vue模板文件
editor.autoIndent=full不生效的问题 - 核心原因:全局的
editor.autoIndent=full设置默认可能未覆盖Vue文件的语言模式,需要单独为Vue文件配置该规则。
具体解决步骤
- 打开VSCode设置(快捷键
Ctrl+,/Cmd+,),进入「设置编辑器」后点击右上角的「打开设置(JSON)」。 - 在settings.json中添加针对Vue文件的自动缩进配置:
"[vue]": { "editor.autoIndent": "full" }
- 保存配置后,执行「重新加载窗口」(快捷键
Ctrl+Shift+P,输入Reload Window并执行),再测试Vue模板中的缩进效果。
额外注意事项
- 确保仅启用官方推荐的
Vue Language Features (Volar)插件,不要同时保留旧版的Vetur插件,两者会引发格式化逻辑冲突。 - 若问题仍存在,检查Volar的缩进设置:在设置中搜索
Volar Format,确认Volar > Format: Indent的数值与编辑器全局缩进值(editor.tabSize)保持一致。
内容的提问来源于stack exchange,提问作者lfire
相关产品推荐
相关产品推荐

