Atom 编辑器无内置行距设置,需通过修改 styles.css 文件中的 .editor .line { line-height: 1.4 !important; } 调整行高,v1.60+ 已弃用 styles.less 和相关插件,推荐直接编辑 CSS 并执行 Window: Reload 实时生效。

Atom 编辑器里没有“行距”设置项
Atom 本身不提供类似 Word 的「行距」滑块或单倍/1.5 倍选项——它用的是等宽字体渲染 + CSS 控制行高,所有行高调整都落在 styles.less 文件里。这不是功能缺失,而是设计取向:Atom 把排版控制权交给了用户自定义样式。
常见错误现象:Settings → Editor 里翻遍所有开关都找不到「行距」「line spacing」;改了 font size 行高跟着变,但无法独立调节;装了插件(如 line-height-adjuster)发现不生效或报错——大概率是 Atom 版本已弃用 Less 支持(v1.60+ 后逐步转向 CSS 变量)。
- Atom v1.58 及更早版本:靠修改
styles.less生效 - Atom v1.60+(含当前最新稳定版):需改用
styles.css,且必须使用line-heightCSS 属性,不能写height或margin - 若启用
Use Hardware Acceleration,某些显卡驱动下过大的line-height值会导致光标闪烁异常或渲染撕裂
直接改 styles.css 调整编辑区行高
这是目前最稳定、兼容性最好的方式。路径固定:~/.atom/styles.css(macOS/Linux)或 %USERPROFILE%\.atom\styles.css(Windows)。别碰 styles.less,新版 Atom 已忽略它。
实操建议:
- 打开该文件,在末尾添加如下代码块(数值按需调整):
.editor .line { line-height: 1.4 !important; } -
1.4是无单位的缩放值,推荐范围1.2–1.6;小于1.0会挤压文字,大于2.0容易导致折叠代码区域错位 - 仅影响编辑区文本,不影响侧边栏、命令面板、tree-view 等 UI 元素——它们有各自的选择器,比如
.tree-view .file - 改完保存后,无需重启 Atom,按
Cmd+Shift+P(macOS)或Ctrl+Shift+P(Win/Linux),输入Window: Reload回车即可实时生效
为什么不用插件调行高
插件如 line-height、atom-line-height 多数停留在 2017–2019 年维护,依赖已被移除的 Atom API(如 atom.workspace.getActiveTextEditor() 的旧生命周期钩子)。它们在 v1.60+ 上要么报 TypeError: Cannot read property 'getLineHeight' of null,要么根本没反应。
更关键的是:这些插件试图在运行时动态注入样式,但 Atom 当前的 Shadow DOM 封装机制会让样式作用域失效——你看到的「好像调了」,其实只是编辑器窗口重绘时的临时缓存假象。
- 插件无法覆盖
.editor .line这类底层选择器的优先级,除非硬加!important,而这又和 Atom 自身样式表冲突 - 部分插件会监听
config.cson变更并触发重载,但新版 Atom 的配置系统已不再广播这类事件 - 如果你真需要快捷键切换行高(比如白天 1.4、夜间 1.6),不如自己写个极简命令,绑定到
init.coffee,比找插件靠谱
终端/Shell 中的 Atom 命令行启动参数无效
有人试过 atom --line-height=1.5 或 atom -l 1.5,结果提示 Unknown option。Atom 的 CLI 不接受任何排版类参数——它只认 --dev、--safe、--profile-startup 这类调试开关。
这也解释了为什么通过 shell alias、IDE 集成脚本、或 VS Code Remote - Atom 扩展都无法间接控制行高:所有外部调用最终都归于同一个 renderer 进程,样式仍由 styles.css 决定。
- 想批量部署?把定制好的
styles.css放进团队模板仓库,用cp ~/.atom/styles.css team-styles.css同步即可 - 注意
styles.css会被 Git 跟踪,但 Atom 不会自动 reload——协作时记得在 README 里写一句「改完 styles.css 后请手动 reload 窗口」 - 如果用了
sync-settings插件,确保它已勾选同步styles.css,否则换电脑就回到默认行高
真正麻烦的不是怎么调,而是调完之后发现折叠代码块({...} 或函数体)的展开箭头位置偏移、或者行号列和代码内容轻微错行——这时候得加一条 .line-number, .gutter .line-number { line-height: 1.4 !important; } 手动对齐。没人提这事,但几乎每个人都会遇到。

















