webstorm右侧白线是show right margin控制的视觉提示线，非留白且不影响运行；需同时开启该选项并设置对应语言的right margin列值（如100），且文件类型识别正确才生效。
WebStorm 里那条“代码宽度超标提示线”到底是什么
它就是 Show right margin 控制的那条竖直白线，不是左右留白，也不影响代码运行，只起视觉提示和软换行参考作用。默认在第 80 列，但是否显示、显示在哪，由两个独立开关共同决定：一个是“要不要画线”，另一个是“画在哪一列”。很多人调了列数却没看到线，就是第一个开关根本没开。
怎么让白线出现在你想要的位置（比如 100 列）
必须同时满足以下三点，白线才会按预期出现：
-
Show right margin在 Settings → Editor → General → Appearance 中已勾选 - 对应语言的
Right margin (columns)已设为目标值（如 100），路径是 Settings → Editor → Code Style → [语言]（例如 TypeScript 文件要改 TypeScript 设置，.vue 模板归 HTML 类型，得进 HTML 设置） - 当前文件被正确识别为该语言类型（右下角状态栏看文件类型图标；如果显示 Plain Text，设置就完全不生效）
注意：.editorconfig 中的 max_line_length 会覆盖 WebStorm 的列设置，优先级更高。改完设置后务必点 Apply，WebStorm 不自动保存。
为什么白线关不掉，或者改了位置还是不动
常见卡点不在操作路径，而在隐性干扰：
- 开了
Editor → General → Virtual Space：光标能移到行尾外，导致白线看起来“偏移”，实际位置没变 - 启用了 Settings Sync：远程配置可能强制还原本地改动，需检查同步状态
- 误以为关了
Right margin (columns)数值就能隐藏白线——其实只要Show right margin还勾着，哪怕设成 1，线也会在第 1 列出现 - 想验证是否生效？新建一个
.txt文件——它不受任何语言规则约束，Show right margin一关，白线立刻消失，这是最干净的测试方式
白线和自动换行（Soft Wrap）的关系容易被忽略
这两者是解耦的：
- 开了
Soft-wrap all files（右键编辑区 → Soft-Wrap All Files），代码会按窗口宽度折行，和白线位置无关 - 开了
Wrap at right margin（在Code Style → [语言] → Hard wrap at），才真正按设定列数强制折行；但即使关了白线，只要这个选项开着，IDE 仍会在该列截断并换行，只是没了视觉锚点 - 写长 URL、正则、模板字符串时，若只开 Soft Wrap 却关了白线，你会完全不知道 IDE 是在哪折的——这种“看不见的折行”反而更难调试
