WebStorm 无内置 Minimap，需安装 CodeGlance 插件实现右侧代码缩略图功能；它生成静态只读概览，支持语言可配置，宽度、透明度等参数可在设置中调整，但不支持实时滚动、点击跳转或缩放。
WebStorm 里没有内置 Minimap，得装 CodeGlance 插件
WebStorm 默认不提供 VSCode 那种右侧滚动缩略图（Minimap），官方从未实现该功能。你看到的“代码缩略图”效果，全部依赖第三方插件 CodeGlance 实现。
它会在编辑器右侧生成一个静态、只读的代码结构概览，不是实时渲染的 canvas 图，也不参与编辑逻辑，但能快速定位长文件中的区块位置。
- 插件地址：
https://plugins.jetbrains.com/plugin/7275-codeglance - 安装路径：
File → Settings → Plugins → Install plugin from disk，选中下载好的.zip包 - 装完必须重启 WebStorm，否则侧边栏不出现
- 首次启用后，右下角状态栏会出现
CodeGlance图标，点击可开关显示
CodeGlance 显示异常或不出现？检查这几点
装了插件却看不到缩略图，大概率是配置或环境没对上，不是插件坏了。
- 确认 WebStorm 版本 ≥ 2021.3：老版本（如 2020.x）可能因 API 变更导致插件加载失败，
Event Log里会报Plugin not loaded - 检查是否被其他插件屏蔽：比如某些主题插件或 UI 覆盖类插件（如
Material Theme UI）会干扰侧边栏渲染，临时禁用它们再试 - 插件设置里未启用：进入
Settings → Other Settings → CodeGlance，确保Enable CodeGlance打钩，且Show in right gutter也勾选 - 当前文件类型不受支持：CodeGlance 默认只对
.js、.ts、.java、.py等主流语言生效；.html或自定义后缀需手动在设置里添加到Supported file types
怎么调 CodeGlance 的宽度、透明度和颜色？
CodeGlance 不提供滑动缩放或字符渲染开关，但基础视觉参数可调，避免遮挡行号或挤占编辑区。
- 宽度控制：在
Settings → Other Settings → CodeGlance中修改Width值（默认 120px），建议设为80–100，窄屏用户可压到60 - 背景透明度：通过
Background opacity调节（范围 0–100），设为70左右较平衡，太低看不清结构，太高反光干扰阅读 - 配色方案：它不随 WebStorm 主题自动切换，颜色由插件内置规则决定；若文字与背景对比弱（如深色主题下灰字），可在设置里切换
Color scheme为Dark或Light模式 - 禁用特定语言：不想在
.json或配置文件里显示缩略图？在Supported file types列表里删掉对应后缀即可
CodeGlance 和 VSCode Minimap 的关键区别别搞混
很多人装了 CodeGlance 还抱怨“不能拖动”“不随滚动实时更新”，这是预期不符——它根本就不是 Minimap 的平替。
-
CodeGlance是静态快照：只在文件打开/保存/切换时刷新一次，滚动时不会重绘，也不响应鼠标滚轮 -
Minimap（VSCode）是动态 canvas：实时渲染、可拖拽滑块、支持renderCharacters、能配合editor.minimap.scale放大缩小 - 性能影响不同：CodeGlance 占内存小，但大文件（>10k 行）首次生成略卡；Minimap 在远程开发（SSH/Codespaces）下会额外增加图像传输压力
- 交互能力归零：CodeGlance 缩略图上的任意位置都不可点击跳转，纯视觉辅助；Minimap 点击任意处可跳转到对应代码行
真需要点击跳转、缩放、字符级预览，WebStorm 目前无解——要么换 VSCode，要么接受 CodeGlance 的轻量边界。
