WebStorm中开启显示空格、制表符和换行符需勾选Settings→Editor→General→Appearance→Show whitespaces，并进一步勾选Show all whitespaces以无差别显示所有隐形字符；该设置全局生效，无需重启，但会影响大文件性能。
怎么打开/关闭显示空格、制表符和换行符
WebStorm 默认不显示隐形字符，所以 （普通空格）、\t（Tab）、\n（换行）全都是“看不见的”，但它们可能直接导致 CSS 排版错乱、JS 字符串拼接异常或 Git 提交时莫名多出空行。开启后，这些字符会以浅色符号形式浮现：空格显示为 ·，Tab 为 →，换行为 ↵。
操作路径是：File → Settings → Editor → General → Appearance，勾选 Show whitespaces。macOS 用户对应路径是 WebStorm → Preferences。这个开关是全局生效的，无需重启，改完立刻可见。
常见误操作：
- 只勾选了
Show indent guides—— 这个只画缩进线，不显示任何隐形字符 - 在
Editor → Color Scheme → General里调颜色却没开Show whitespaces—— 颜色设置再细也没用，前提得先启用 - 误以为快捷键能切换——WebStorm 没内置快捷键控制该选项，必须走设置界面
为什么有些空格还是不显示？检查「虚拟空格」设置
即使开了 Show whitespaces，你仍可能发现行尾空格、连续多个空格或文件末尾的 \n 没有标记。这是因为 WebStorm 默认启用了「虚拟空格（Show only modified whitespace）」逻辑：它只高亮那些与当前代码风格配置不一致的空格——比如项目设了「Tab 缩进 2 空格」，但某行用了 4 个空格，那 4 个才会被标出来；而纯正的 2 空格缩进则保持隐形。
要无差别显示所有空格和换行，请额外勾选：Settings → Editor → General → Appearance → Show whitespaces → Show all whitespaces（注意不是上面那个主开关，而是它的子选项）。这个选项一开，连字符串字面量里的 和模板字符串中的换行都会具象化。
影响点：
- 开启后编辑器轻微变卡，尤其大文件中大量
·渲染会拖慢滚动响应 - Git 差异对比窗口（
Alt+9打开 Version Control 工具窗）也会同步显示这些符号，方便确认是否真有冗余空格被提交 - 关闭此选项后，
Ctrl+Alt+L格式化时仍会按规则清理空格，只是你看不见过程
排查换行符问题：LF vs CRLF 的可视化识别
跨平台协作中最容易踩的坑是换行符混用：LF（Unix/Linux/macOS）和 CRLF（Windows）。WebStorm 在右下角状态栏会明确显示当前文件的换行符类型（如 LF 或 CRLF），但仅靠文字不够直观。配合 Show all whitespaces 后，↵ 符号的位置和密度就变成关键线索：
- 每行末尾都带一个
↵→ 正常 LF 或 CRLF 文件 - 某几行末尾有两个
↵↵→ 极可能是 CRLF 被当成了两个换行处理（常见于粘贴 Windows 日志到 Linux 环境） - 文件末尾多出孤立的
↵→ 表示存在「文件末尾换行符（EOL at file end）」，多数现代规范要求保留，但某些构建脚本会报错
批量修正方法：Ctrl+Shift+A 输入 Line Separators，选择统一为 LF 或 CRLF，再执行 Ctrl+Alt+L 格式化即可。注意：该操作不可撤销，建议先 Ctrl+D 备份当前文件。
多光标编辑时隐形字符引发的错位问题
用 Ctrl+D 选词后按 Ctrl+Alt+↓ 批量加光标，或用 Alt+单击 手动布点时，如果目标位置含 Tab 或混合空格，光标列对齐极易偏移——因为 WebStorm 是按「可视列」而非「字符数」定位的。例如一个 \t 在缩进中占 4 列，但实际只算 1 个字符，多光标会落在第 4 列，而非下一个词的起始位置。
解决方案很直接：
- 编辑前先
Ctrl+Alt+L格式化，把所有\t统一转成空格（取决于你代码风格设置） - 避免在含注释或长字符串的行上使用垂直加光标（
Ctrl+Alt+↑/↓），优先用Ctrl+D+Ctrl+Alt+↓基于语义选中 - 粘贴多光标内容前，务必用
Ctrl+V预览弹窗确认分发逻辑——如果剪贴板里有·或↵，它们也会被当作有效字符参与换行分隔
最隐蔽的坑是：你以为删掉了行尾空格，其实只是关掉了显示，· 还在那儿。排查时别信肉眼，信状态栏的 EOL 提示和 Show all whitespaces 的真实渲染。
