atom右侧第80列竖线是wrap-guide插件的行宽参考线,关法有三:禁用插件最稳妥;styles.less加.wrap-guide{visibility:hidden!important}可临时隐藏;config.cson设wrap-guide.columns=[]可保留插件仅不绘线。

Atom 编辑器里那条竖线,不是 bug,是 wrap-guide 插件画的「行宽参考线」,默认在第 80 列。它不干扰编辑,但容易误认为是光标或格式问题。取消它很简单,关键是分清你到底想关哪条线:是右侧的列宽线,还是中间/左侧的缩进线,或是其他视觉干扰。
怎么关掉右侧列宽参考线(preferredLineLength 竖线)
这条线由 wrap-guide 插件控制,位置取决于 editor.preferredLineLength 设置值(默认 80)。关它的方法有三种,推荐按顺序尝试:
- 最稳妥:打开 Atom → Preferences → Packages,搜索
wrap-guide,点 Disable —— 插件停用后线立刻消失,且不会影响其他功能 - 快速临时隐藏:在 Atom → Stylesheet(
styles.less)里加一行:.wrap-guide { visibility: hidden !important; }—— 注意必须加!important,否则主题 CSS 可能覆盖 - 改配置但不关插件:在
config.cson中把wrap-guide.columns设为空数组,如"columns": []—— 这样插件还在运行,但不画任何线;适合后续可能要切换宽度的场景
别直接改 editor.preferredLineLength 为 0 或极大值来“绕过”,它会影响软换行、linter 提示等行为,不是纯显示开关。
为什么关了 wrap-guide 还能看到竖线?可能是缩进线
如果右侧列宽线没了,但编辑区中间或左侧仍有细竖线,那是 showIndentGuide 控制的「缩进参考线」,和 wrap-guide 完全无关。它反映代码块层级,靠空格或 tab 缩进自动计算得出。
- 确认是否启用:Settings → Editor → 勾选
showIndentGuide(中文界面叫“显示缩进指示线”) - 如果不想看它,直接取消勾选即可,无需动 CSS 或插件
- 注意:某些语言包(如
language-vue)或自定义语法高亮可能干扰缩进识别,导致线断续或错位;可先切到 Plain Text 测试是否复现
缩进线无法调颜色或粗细,原生只支持开/关;第三方插件如 indent-guide-improved 在 Atom 1.60+ 后兼容性差,容易卡顿,不建议为这点视觉效果引入风险。
样式表里写错选择器导致隐藏失败
很多人在 styles.less 里抄了过时的写法,比如 atom-text-editor::shadow .wrap-guide 或 atom-text-editor.wrap-guide,这些在 Atom 1.40+ 后已失效。当前有效的是:
.wrap-guide {
visibility: hidden !important;
}
不需要加 atom-text-editor 前缀,也不需要 ::shadow——Atom 已移除 Shadow DOM 封装。写错就完全不生效,看起来像“设置没起作用”。另外,改完 styles.less 不用重启,保存即刻渲染,但需确保 Atom 没处于 --dev 模式(该模式下部分样式加载异常)。
真正麻烦的不是关哪条线,而是关完之后发现软换行、缩进行为、甚至 ESLint 报错位置都跟着偏了——因为 preferredLineLength 和 showIndentGuide 不只是画线,它们参与编辑器底层逻辑。动手前先确认:你关的真是“视觉干扰”,而不是某个协作规范依赖的提示线。











