行号开关在settings > editor中勾选show line numbers即可全局启用;若不显示需排查主题或styles.less覆盖;调整宽度或边框需编辑.styles.less;错位模糊优先检查等宽字体、整数字号及禁用硬件加速。

行号开关在哪找: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… 菜单快速打开)。常用调整:
- 加右侧边框:
.gutter-container { border-right: 1px solid #555; } - 加宽行号区:
.gutter { margin-right: 1em; }(注意不是padding,margin才能推开代码主体) - 避免滚动条遮挡:
.vertical-scrollbar { margin-right: 6px; }
改完保存,Atom 会自动重载样式,无需重启。
错位或模糊?优先检查字体与硬件加速
行号文字错位、边缘发虚,通常不是设置问题,而是渲染层干扰:
- 确保设置了等宽字体(如
Fira Code、Source Code Pro),非等宽字体下数字宽度不一,会导致列对不齐 - 字号设为整数(如
14),避免小数或百分比缩放引发的像素偏移 - 高 DPI 屏幕建议关闭
Use Hardware Acceleration(在Settings > Core中),否则可能造成行号区域抖动或截断
真正容易被忽略的是:这些视觉异常往往在换主题、升级 Atom 或连接外接屏后突然出现,而不是配置改错了——先调渲染环境,再查配置。











