在Sublime Text中开启缩进参考线需同时设置"draw_indent_guides": true和"indent_guide_options": ["draw_normal", "draw_active"]，并确保缩进统一（推荐转为空格），否则参考线会中断或不显示。
如何在 Sublime Text 中开启缩进参考线
Sublime Text 默认不显示缩进参考线，但可以通过修改设置快速启用。关键在于正确配置 draw_indent_guides 和 indent_guide_options 两个选项，否则即使开了也会没效果或显示异常。
-
draw_indent_guides必须设为true（默认是true，但部分旧版本或自定义配置可能关掉了） -
indent_guide_options推荐设为["draw_normal", "draw_active"]，否则只在当前缩进层级显示虚线，无法看清整体结构 - 修改位置：菜单栏 Preferences → Settings，在右侧用户设置（User Settings）中添加或修正这两项
{
"draw_indent_guides": true,
"indent_guide_options": ["draw_normal", "draw_active"]
}
为什么缩进线有时不显示或断断续续
常见原因不是插件冲突，而是缩进混合或制表符/空格混用导致 Sublime 无法统一判断缩进层级。它只对「被识别为同一缩进层级」的行画线，一旦某行缩进由 4 个空格突然变成 1 个 tab，后续参考线就会中断。
- 检查当前文件右下角是否显示
Tab Width: 4或Spaces: 4—— 如果显示Tab，说明用了制表符，建议统一转为空格：View → Indentation → Convert Indentation to Spaces - 确保
detect_indentation为true（默认开启），否则 Sublime 不会自动识别文件缩进规则 - 某些语法高亮包（如
Vue Syntax Highlight）会覆盖缩进逻辑，可临时禁用测试
如何让缩进参考线更醒目（颜色与粗细）
Sublime 不提供直接调色面板，但可通过自定义配色方案（Color Scheme）调整 guide 类型的颜色。真正起作用的是主题文件里的 indent_guide 或 activeGuide 作用域。
vue-composition-api-best-practices
下载
Vue 3 组合式 API 与 最佳实践，涵盖代码组织、useXxx 模式、组合式函数设计、Store 集成、响应式优化及功能抽取。
- 打开当前主题文件：Preferences → Color Scheme，记下路径（如
Monokai.sublime-color-scheme） - 用 PackageResourceViewer 插件或手动解压
Packages/Color Scheme - Default/找到对应文件 - 在
rules数组中添加或修改：
{
"name": "Indent Guide",
"scope": "indent_guide",
"settings": {
"foreground": "#444"
}
},
{
"name": "Active Indent Guide",
"scope": "activeGuide",
"settings": {
"foreground": "#666"
}
}
缩进参考线和代码折叠线共存时的干扰问题
当同时开启折叠功能（fold_buttons）和缩进参考线，左侧边栏的折叠箭头可能被细线遮挡，尤其在高 DPI 屏幕上。这不是 bug，而是渲染层叠顺序问题。
- 临时解决：把
indent_guide_options改成["draw_normal"]，去掉"draw_active"，能减少视觉重叠 - 彻底解决：改用
margin Guides插件（第三方），它把参考线画在编辑区左侧 margin，完全避开折叠按钮区域 - 注意：Sublime 原生缩进线无法调整左右偏移量，所有“往右挪一点”的尝试都会失败
缩进参考线本身很简单，但实际生效依赖缩进一致性、主题支持和选项组合。最容易被忽略的是 indent_guide_options 的值必须显式声明，光开 draw_indent_guides 不够。
