WebStorm的Distraction Free模式默认快捷键是Shift+F11（Windows/Linux）或Cmd+Shift+F12（macOS），但常因Keymap未启用或系统热键冲突而失效；推荐用Ctrl+`调出视图菜单选择进入，退出需通过View→Appearance→Exit Distraction-free Mode或正确配置的切换快捷键。
Distraction Free模式默认快捷键是什么
WebStorm 默认没有全局启用 Shift+F11（Windows/Linux）或 Cmd+Shift+F12（macOS）作为 Distraction-free mode 的快捷键——它只是预设了该绑定，但很多安装环境下实际未生效。你按下后没反应，大概率不是快捷键错了，而是它根本没被“激活”。
常见现象：Shift+F11 没反应、Cmd+Shift+F12 触发了系统音量调节（macOS）、或者弹出其他 IDE 动作（比如“Find Action”）。这是因为 Keymap 中该动作可能被禁用、覆盖，或被系统级热键拦截。
- 检查路径：Settings / Preferences → Keymap → search
Enter Distraction-free Mode - 确认右侧状态栏显示 “Active”；如果显示 “Disabled”，右键 → “Add Keyboard Shortcut” 手动绑定
- macOS 用户务必检查系统设置 → Keyboard → Shortcuts → Mission Control，把
F12或Cmd+Shift+F12对应的系统功能关掉，否则 WebStorm 收不到
为什么用 Ctrl+` 进 View Mode 更可靠
Ctrl+`（反引号）是 WebStorm 的通用视图切换入口，比直接记冷门组合键更稳定。它不依赖 Keymap 是否启用某项，而是调出一个实时菜单，里面明确列出 Enter Distraction-free Mode、Enter Zen Mode、Enter Presentation Mode 等选项。
实操建议：
- 按
Ctrl+`→ 用方向键或鼠标选中Enter Distraction-free Mode→ 回车 - 如果菜单里没出现，说明当前 Keymap 没加载该动作，回到 Keymap 设置里搜索并启用它
- 这个方式还能避免误触
Ctrl+Alt+0（Presentation Mode）或Ctrl+Alt+Shift+D（旧版冷门绑定）
进入后代码突然“消失一半”？这是硬换行和左缩进惹的祸
Distraction-free mode 默认开启垂直居中 + 硬换行限制（由 Editor | Code Style | Hard wrap at 控制），且左侧留白固定为 120px（旧版默认值）。结果就是：长行 JS/HTML 被截断，光标能动但看不见右边；Markdown 缩进深时有效宽度只剩三分之一。
补救方法很直接：
- Settings / Preferences → Advanced Settings → 找到
Left margin in distraction free mode - 把数值从
120改成0或20，立刻左对齐，恢复完整可视区 - 顺手检查
Hard wrap at是否设得过小（比如80），日常编码建议设为120或关闭（填0）
退出时找不到菜单？别慌，这不是 Bug
Distraction-free mode 下，顶部菜单栏、工具栏、标签页全被隐藏，但没消失。它采用“悬停唤出”设计：把鼠标缓慢移到屏幕最顶部（macOS）或顶部边缘（Windows/Linux），等约 0.5 秒，主菜单淡入。
两个关键细节常被忽略：
- 不能靠快捷键
Esc退出（那是 Zen Mode 的行为，Distraction-free 不响应） - 退出必须走菜单：View → Appearance → Exit Distraction-free Mode；或者再按一次已启用的快捷键（前提是 Keymap 正确配置了 toggle 行为）
- 如果你设置了快捷键但只绑了 “Enter”，没绑 “Exit”，那退出只能靠菜单——务必在 Keymap 里右键该动作 → “Add Keyboard Shortcut” 再加一个反向绑定
