VSCode的缩进参考线如何显示?

16次阅读

VSCode默认支持缩进参考线,可通过”editor.indentGuides.enabled”设置开启或自定义样式,支持”on””off””drawVertical””none”模式,并可在settings.json中配置显示状态及”activeIndentStyle”等外观选项,帮助代码对齐。

VSCode的缩进参考线如何显示?

VSCode 默认支持显示缩进参考线,可以通过设置开启或自定义样式。

启用缩进参考线

VSCode 通过 “editor.indentGuides.enabled” 设置控制缩进线的显示。你可以在设置中修改它:

  • 打开设置(快捷键 Ctrl + ,
  • 搜索 indent guides
  • “Editor: Indent Guides” 设为 true 或选择显示模式

该设置支持几种值:

  • “on”:始终显示缩进线
  • “off”:关闭缩进线
  • “drawVertical”:只显示垂直线(默认行为)
  • “none”:不显示任何引导线

通过 settings.json 配置

如果你想更精确地控制,可以直接编辑 settings.json 文件:

VSCode的缩进参考线如何显示?

如知AI笔记

如知笔记——支持markdown的在线笔记,支持ai智能写作、AI搜索,支持DeepseekR1满血大模型

VSCode的缩进参考线如何显示?27

查看详情 VSCode的缩进参考线如何显示?

  1. 打开命令面板(Ctrl + Shift + P
  2. 输入并选择 Preferences: Open Settings (JSON)
  3. 添加或修改以下配置:

“editor.indentGuides.enabled”: “on”,
“editor.indentGuide.activeIndentStyle”: “solid” // 可选:高亮当前行的缩进线

自定义缩进线样式

除了开关,还可以调整外观:

  • activeIndentStyle:设置当前缩进行的引导线样式,可选 “solid”“dashed”“dotted”“none”
  • indentSize:配合缩进线查看效果,建议与代码风格一致(如 2 或 4 个空格)

基本上就这些。开启后,你就能在编辑器中看到清晰的竖线,帮助对齐代码块,特别是在使用 Python 或需要严格缩进的语言时特别有用。

相关标签:

vscode python js json Python json vscode

text=ZqhQzanResources