缩进参考线在 Settings/Preferences → Editor → General → Appearance 中勾选 Show indent guides 开启，它仅提供视觉对齐提示，不影响实际缩进逻辑，且不控制缩进行为，只响应行首空白。
缩进参考线在哪开：Appearance 里勾选 Show indent guides
缩进参考线（竖直对齐辅助线）不是在 Editor → Code Style 下设置的，而是在全局外观设置里。路径是：Ctrl+Alt+S（Windows/Linux）或 Cmd+, （macOS）→ Editor → General → Appearance → 勾选 Show indent guides。
常见误区：
- 在
Code Style → PHP/JavaScript里翻半天找不到开关——它真不在那儿； - 以为开了就自动修正缩进——其实纯属视觉提示，不影响任何实际缩进行为；
- 改了
Tab size发现参考线没变——因为参考线间隔由Indent值决定，不是Tab size。
为什么开了却看不见线：空行、文件类型、插件干扰都可能
即使勾选了 Show indent guides，也可能看不到线，原因很具体：
- 默认开启
Hide indentation guides for empty lines，空行不显示是正常行为； - 文件未被识别为支持缩进的语言（比如右下角状态栏显示的是
Text而非HTML或JavaScript），需点击手动选择正确文件类型； -
.blade.php或.vue中的 PHP/JS 片段不显示线，大概率是没启用Laravel Idea或官方Blade Support插件； - 某些老旧插件会干扰编辑器结构解析，可临时禁用全部第三方插件测试。
缩进线颜色太淡怎么办：改 Color Scheme 里的 Indent guide
深色主题下浅灰色参考线容易看不清，但 WebStorm 不提供独立“缩进线颜色”滑块。它复用配色方案中的两项：
-
Indent guide：控制非当前层级的线； -
Indent guide active：控制光标所在缩进层的加粗线（默认更亮）； - 修改路径：
Settings → Editor → Color Scheme → General，展开右侧列表找到这两项，双击改色； - 改完必须点
Save As…另存为新方案，否则直接覆盖默认配色，影响其他项目。
参考线间隔怎么控制：看语言设置里的 Indent 值，不是 Tab size
参考线每几格出现一次，取决于你为当前语言设置的 Indent 值，和 Tab size 无关：
- 在
Editor → Code Style → [Language]中，Indent设为2，参考线就每 2 字符一格；设为4就每 4 字符一格； - 如果项目用了
.editorconfig，参考线仍按 WebStorm 当前语言设置渲染，不会读取indent_size； - 启用了
Detect and use existing file indents时，参考线会动态跟随当前文件的实际缩进风格（比如某文件用 2 空格，另一份用 4 空格），但仅限已识别语言。
最容易被忽略的一点：缩进参考线只响应「行首空白」，不关心你用的是空格还是 Tab，也不校验是否合法缩进——它只是画线，不是 lint 工具。如果你发现某段代码缩进明显错乱但线还整齐，那问题大概率出在语义层级（比如漏了括号、标签没闭合），而不是参考线本身。
