You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode设置editor.autoIndent=full后Vue文件空HTML标签无法自动缩进求助

解决VSCode中Vue模板文件editor.autoIndent=full不生效的问题
  • 核心原因:全局的editor.autoIndent=full设置默认可能未覆盖Vue文件的语言模式,需要单独为Vue文件配置该规则。

具体解决步骤

  1. 打开VSCode设置(快捷键Ctrl+, / Cmd+,),进入「设置编辑器」后点击右上角的「打开设置(JSON)」。
  2. 在settings.json中添加针对Vue文件的自动缩进配置:
"[vue]": {
  "editor.autoIndent": "full"
}
  1. 保存配置后,执行「重新加载窗口」(快捷键Ctrl+Shift+P,输入Reload Window并执行),再测试Vue模板中的缩进效果。

额外注意事项

  • 确保仅启用官方推荐的Vue Language Features (Volar)插件,不要同时保留旧版的Vetur插件,两者会引发格式化逻辑冲突。
  • 若问题仍存在,检查Volar的缩进设置:在设置中搜索Volar Format,确认Volar > Format: Indent的数值与编辑器全局缩进值(editor.tabSize)保持一致。

内容的提问来源于stack exchange,提问作者lfire

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 11:45:06