如何在VS Code中添加图示的虚线缩进参考线？

通过VS Code原生设置即可实现从编辑器左侧延伸的虚线缩进参考线，无需额外安装插件，操作步骤如下：

• 唤起设置面板：使用快捷键 Ctrl + ,（Windows/Linux系统）/ Cmd + ,（macOS系统），直接打开VS Code设置界面
• 在设置面板顶部的搜索框输入 editor.guides.indentation，勾选对应选项，开启基础缩进参考线显示功能
• 按下快捷键 Ctrl + Shift + P（Windows/Linux系统）/ Cmd + Shift + P（macOS系统）唤起命令面板，输入 Preferences: Open User Settings (JSON) 后回车，打开用户自定义配置文件
• 在JSON配置结构中新增如下配置项，注意不要覆盖原有已存在的配置，添加完成后保存文件即可即时生效：

{
    // 原有配置项保持不动，在下方新增内容即可
    "editor.guides.indentation": true,
    "editor.guides.highlightActiveIndentation": true,
    // 核心配置：设置缩进线为虚线，可选值还有solid(实线)、dotted(点线)
    "editor.guides.indentationStyle": "dashed",
    "workbench.colorCustomizations": {
        // 普通状态缩进线颜色，色值末尾两位为透明度，可按需调整
        "editorIndentGuide.background1": "#44444460",
        // 光标当前所在缩进层级的高亮参考线颜色
        "editorIndentGuide.activeBackground1": "#78787890"
    }
}

注意：如果配置完成后虚线效果未生效，请先将VS Code升级至1.70及以上版本，editor.guides.indentationStyle配置项从该版本开始正式提供支持。

如果需要更丰富的自定义效果，比如不同缩进层级显示不同区分色、自定义虚线的间隔长度，可以在扩展商店搜索安装Indent Rainbow、Guides这类缩进增强类插件，安装完成后在插件设置页按需调整对应参数即可。

目标效果参考：

内容的提问来源于stack exchange，提问作者ajinkya joshi