右键 gutter 区域勾选 show line numbers 是最快启用行号的方式,无需重启;行号模式分 absolute、relative、hybrid 三种;颜色字体需在 color scheme 中调整;软换行下行号仍按逻辑行计算。

右键 gutter 区域才是最快启用行号的方式
WebStorm 默认不显示行号,但根本不用进 Settings 翻半天——直接用鼠标右键点击编辑器最左侧那条灰色窄条(即 gutter 区域),勾选 Show Line Numbers 就立刻生效,无需重启、也不依赖文件类型设置。
常见错误现象:
- 在代码区或编辑器中间右键,弹出的是编辑菜单,不是 gutter 控制项
- 进了
Settings → Editor → General → Appearance勾了Show line numbers却没效果,其实是该开关只影响「新打开的文件」或「全局默认」,而当前文件可能被作用域覆盖
这个右键菜单的开关是按上下文独立控制的:比如你在某个 Markdown 文件里关了行号,JS 文件里仍可开着。所以看到某文件没行号,先右键 gutter 看一眼是否被手动关了。
行号模式有三种:Absolute、Relative 和 Hybrid
启用 Show Line Numbers 后,还能进一步选模式。打开 Settings → Editor → General → Appearance,在 Show line numbers 下方有个下拉框:
-
Absolute:标准从 1 开始递增的行号,适合查错、写文档、跟同事对行 -
Relative:只显示当前光标所在行是“第几行”,其他行显示与光标的相对距离(如 -2、-1、0、+1、+2),对 Vim 用户用j/k或Ctrl+P跳转特别友好 -
Hybrid:当前行用绝对数,其余用相对数,兼顾两种场景,但会轻微增加视觉干扰
注意:Relative 和 Hybrid 在软换行(Use Soft Wraps)开启时,行号仍按逻辑行计算,不是屏幕显示的“视觉行”——这点容易误判跳转位置。
行号颜色和字体大小能单独调,但别动错地方
如果你觉得行号太淡、太小或跟背景融在一起,得去 Settings → Editor → Color Scheme → General → Line numbers 改,不是在 Appearance 里。
这里能调的包括:
-
Line number:普通行号的颜色和字体粗细 -
Line number on current line:当前光标所在行的行号高亮样式(默认加粗) - 字体大小需勾选
Use custom font才能改,否则随编辑器主字体走
改完要点击 Save 或 OK,且仅对新开文件或重载后的文件生效;已打开的文件可能需要手动触发重绘(比如切 Tab 再切回来)。
开了 Use Soft Wraps 后行号行为会变
启用自动换行(Use Soft Wraps in editor)后,一个物理长行会被折成多行显示,但仍是同一个逻辑行——此时 Relative 模式下的行号不会为每段折行新增编号,Absolute 模式也不会多出额外行号。
不过有个例外:如果同时启用了 Vim 插件并打开了 Use Soft Wraps,部分旧版 WebStorm(≤2022.3)会错误地把软换行当逻辑行计数,导致行号和 :set nu 表现不一致。解决办法是关掉 Vim 的 soft wrap 模拟,或升级到 2023.1+ 版本。
真正容易被忽略的是:软换行开启后,Ctrl+G 跳转输入的仍是物理行号,不是你眼睛看到的“第几屏行”。如果靠滚动阅读长文本,建议临时关掉软换行再定位。











