webstorm 中需在 settings → editor → general → code lens 勾选 enable code lens 并按需启用子项（如引用计数、测试状态）才能显示 code lens；其功能依赖语言服务，typescript 需 tsconfig.json、python 需配置解释器及测试框架；不支持直接调整行高，可通过关闭非必要项、降低透明度或按语言禁用来优化显示；交互须点击右侧图标（如 ? 或 ▶），文字本身不可点击。

WebStorm 里怎么开启代码缩略预览（Code Lens）

WebStorm 默认不显示函数/方法上方的调用次数、测试状态、Git 修改行等信息，这类悬浮在代码上方的轻量提示叫 Code Lens。它不是“缩略图预览”，而是结构化上下文提示，需手动启用。

• 打开 Settings / Preferences → Editor → General → Code Lens
• 勾选 Enable Code Lens
• 按需勾选子项：如 Show references count（显示被引用次数）、Show test status（显示单元测试通过/失败图标）
• 重启编辑器或切换文件后生效（部分语言插件需额外支持）

为什么 TypeScript 或 Python 文件没显示 Code Lens

Code Lens 依赖语言服务提供语义分析结果。不是所有语言都默认支持完整功能：

WebStorm Linux版

WebStorm 2026.2 Linux tar.gz 安装包，适合在 Linux 桌面环境中搭建现代前端开发与调试工作流。

下载

• TypeScript：需确保项目已配置 tsconfig.json，且 WebStorm 正确识别为 TS 项目（右下角显示 TypeScript）
• Python：需启用 Python 插件，并配置好解释器；Show references count 在纯 .py 文件中有效，但 test status 需配合 pytest/unittest 配置运行配置
• Java/Kotlin：依赖 Project SDK 和构建工具（Maven/Gradle）正确加载，否则引用计数为空
• 如果勾选了却没显示，检查 Event Log 是否有 Language service unavailable 提示

Code Lens 占用太多垂直空间，怎么调细一点

WebStorm 不提供直接调节 Code Lens 行高或字体大小的选项，但可通过以下方式缓解视觉干扰：

• 关闭非必要 Lens：比如取消勾选 Show test status，只留 Show references count
• 使用 Settings → Editor → Color Scheme → General → Code Lens 调低文字透明度（例如设为 0.6）
• 禁用特定语言的 Lens：在 Code Lens 设置页点击右侧 Configure per language，对 JS/TS 等单独关掉
• 注意：修改字体大小或行高会影响整个编辑器，不能只作用于 Code Lens

Code Lens 显示的“1 reference”点不动？

这是常见误操作点：Code Lens 文本本身不可点击，真正可交互的是它右侧的小图标（如 ? 或 ▶）。

• 鼠标悬停在 1 reference 上时，右侧会出现一个灰色小放大镜图标 ?，点击才跳转引用列表
• 测试状态旁的 ▶ 图标才是运行测试的入口，纯文字点击无效
• 如果图标不出现，说明当前 Lens 类型不支持交互（例如 Git 修改行只显示 “Modified” 文字，无操作）
• 快捷键 Ctrl+Click（Windows/Linux）或 Cmd+Click（macOS）在 Lens 文字上也无效，必须点图标

Code Lens 的实际可用性高度依赖项目配置和语言服务稳定性，尤其在大型单体项目中，首次加载可能延迟数秒——这时候别急着关掉，等右下角 Indexing 消失后再观察。