行号开关在Settings > Editor中勾选Show Line Numbers即可全局启用;若不显示需检查主题或styles.less是否隐藏.gutter;错位问题可通过设置等宽字体、整数字号及关闭硬件加速解决。

行号开关在哪找:Settings > Editor 里直接勾选
Atom 的行号控制非常直接,不用改配置文件也能立刻生效。打开 Settings(快捷键 Ctrl+, 或通过 Ctrl+Shift+P 输入 settings view: open),切到 Editor 页签,找到 Show Line Numbers 复选框,勾上就显示,取消就隐藏。
注意这个设置是全局生效的,对所有语言都起作用;如果只想对某类文件(比如只在 .js 文件里显示),得进对应语言的子设置(如 JavaScript > Editor),但多数人用不到这么细的控制。
行号不显示?先检查是否被插件或主题覆盖
有些 UI 主题(比如老版本的 atom-material-ui)或自定义 styles.less 会意外隐藏 .gutter 区域,导致行号“消失”但开关明明是开着的。常见表现是:行号区域空白、光标无法点击断点、Git 差异标记也不见了。
快速验证方法:
- 临时禁用所有社区主题和插件,重启 Atom,看行号是否恢复
- 打开
Developer Tools(Ctrl+Shift+I),检查元素面板里是否存在.line-number元素,若存在但不可见,大概率是 CSS 覆盖问题 - 检查
.atom/styles.less是否有类似.gutter { display: none; }或opacity: 0;这类规则
想加垂直分隔线或调宽装订线:改 styles.less
默认的行号区(即装订线 .gutter)很窄,有时 Git 标记、断点图标挤在一起看不清。这时不能靠设置界面调,得手动编辑样式文件。
路径是:.atom/styles.less(可通过 Atom > Styles… 菜单快速打开)。
常用调整:
- 加右侧边框:在
styles.less里加.gutter-container { border-right: 1px solid #555; } - 加宽行号区:加
.gutter { margin-right: 1em; }(注意不是padding,margin才能推开代码主体) - 避免滚动条遮挡:加
.vertical-scrollbar { margin-right: 6px; }
改完保存,Atom 会自动重载样式,无需重启。
行号显示但数字错位或截断?字体或缩放惹的祸
尤其在高 DPI 屏幕或系统缩放设为 125%/150% 时,Atom 有时会把行号数字渲染得偏上、偏下,甚至只显示一半(比如“123”变成“12”)。这不是 bug,而是 Atom 对 font-family 和 line-height 的继承计算不稳定。
解决办法很务实:
- 在
Settings > Editor中显式设置Font Family(比如Consolas, "Courier New", monospace),避免 fallback 到不等宽字体 - 把
Font Size设为整数(如14而非14.5),减少渲染抖动 - 关闭
Use Hardware Acceleration(在Settings > Core里),某些显卡驱动下这能缓解错位
这类问题不会报错,也难复现,但一旦出现,往往持续整个会话——所以调好之后建议固定配置,别频繁切换缩放比例。

















