atom分屏并排显示两个文件需用ctrl+k→（win/linux）或cmd+k→→（macos）新增pane；右键文件标签选“new view into file”并ctrl+shift+2移至右栏，可实现同一文件双视图实时联动编辑。
Atom怎么分屏并排显示两个文件
直接用 Ctrl+K 松开后按 →（Windows/Linux）或 Cmd+K → →（macOS），就能在右侧新增一个 Pane，实现左右并排。这不是打开新窗口，而是单窗口内划分独立编辑区域。
常见错误是误用 File → New Window 或拖文件到新窗口——那样两个窗口完全独立，滚动、光标、折叠状态都不共享，也做不到真正的“对照”。
- 分屏后每个 Pane 可单独打开不同文件，也可都打开同一文件（但此时是两个独立 buffer，改一个不会同步到另一个）
- 快捷键
Ctrl+K+←/↑/↓分别向左/上/下分屏，方向键松开后再按，别长按 - 拖拽 Pane 边框可调整宽度，但别拖太窄，否则代码行换行会干扰阅读
如何让左右栏同时看同一文件的不同位置
不能用 Duplicate File 或 Clone File——它们生成的是副本 buffer，编辑不联动。唯一有效方式是：右键文件标签 → New View into File，然后用 Ctrl+Shift+2 把新视图移到右栏（Group 1）。
两个视图右上角都会显示 ● 修改标记，任一视图编辑，另一视图内容实时更新。但注意：滚动条位置不会自动同步。
- 想视觉对齐？开启
"auto_center": true后，光标所在行始终居中；再配合Ctrl+G输入相同行号，手动对齐最可靠 - 如果右键菜单没看到
New View into File，说明当前不是标签页模式（比如是从侧边栏直接双击打开的），先点击文件标签再右键 - 关闭其中一个视图时，用
Ctrl+W（不是关整个 Pane），否则会把整个右栏清空
HTML/CSS 编辑时左写右预览怎么配
Atom 没有内置“代码+效果同屏预览”功能，必须靠插件组合实现。推荐方案：右分屏 → 在右栏打开 HTML 文件 → 安装 preview-plus → 按 Ctrl-Shift-P 输入 preview-plus:toggle 触发渲染。
这不是弹窗，而是当前 Pane 下方新开一个子 Pane 显示 WebView 渲染结果。若想左右对照（左代码、右效果），就得手动在右栏触发预览，且它只作用于当前激活 Pane。
-
preview-plus不监听保存事件，改完 HTML 必须手动按F5或重 toggle 才刷新，别等它自动更新 - 更轻量的替代是
open-in-browser：右键 →Open in Browser，但效果在系统浏览器里，和 Atom 分屏无关，“对照”靠你手动切窗口 - 如果预览报
net::ERR_FILE_NOT_FOUND，大概率是用了atom-browser插件访问file://协议——跨域限制导致，换live-serverCLI 更稳
对齐赋值语句时为什么双栏格式化会冲突
别指望 prettier-atom 做赋值对齐——它按 AST 重排结构，a = 1 和 longVariableName = 2 的 = 绝对不会拉到同一列。这是 Prettier 的设计选择，不是 bug。
真要对齐，得用 atom-aligner，但它只对选中范围生效，且极度依赖分隔符一致性。
- 必须用鼠标或
Shift+↑/↓选中至少两行，每行都含相同分隔符（如=、:），缺一个就跳过整行 - 对齐填充用空格，但填多少取决于 Atom 的缩进设置：确认
Settings → Editor → Tab Length和项目一致（如 2），并勾选Soft Tabs - JSON/YAML 中对齐
:很危险：atom-aligner不解析语法，可能把双引号内的:也对齐，破坏数据结构
双栏编辑时尤其要注意：左右栏若开了不同插件或配置，保存行为可能不一致，建议统一关闭自动格式化，手动控制时机。
