如何让vscode.window.createTextEditorDecorationType装饰显示在VSCode小地图上
VSCode 自定义文本装饰不显示在小地图的解决方法
vscode.window.createTextEditorDecorationType 默认生成的装饰不会同步渲染到小地图,需要在创建装饰类型的配置中显式开启小地图相关配置:
- 创建装饰类型时补充
minimap配置项,指定小地图上的装饰样式,示例代码如下:
const customColorDecoration = vscode.window.createTextEditorDecorationType({ // 你原有编辑器内的装饰样式配置,比如背景色、前景色等 backgroundColor: 'rgba(255, 107, 107, 0.6)', // 新增小地图渲染配置 minimap: { // 小地图上标记的颜色,建议和编辑器内装饰色保持一致 color: 'rgba(255, 107, 107, 0.6)', // 可选配置:标记渲染位置,默认是侧边栏位置 vscode.MinimapPosition.Gutter,也可设置为行内位置 vscode.MinimapPosition.Inline position: vscode.MinimapPosition.Gutter } });
该配置仅在VSCode 1.60及以上版本生效,低于该版本的运行环境不支持自定义装饰在小地图上渲染
- 配置修改完成后需要重新调用
editor.setDecorations方法刷新已添加的装饰,新配置才会生效 - 若仅需要小地图显示标记、不需要编辑器正文显示装饰,可以留空正文样式配置,仅填写
minimap相关配置即可 - 小地图上的装饰标记宽度为系统固定值,暂不支持自定义宽度
内容的提问来源于stack exchange,提问作者rikicecchi
相关产品推荐
相关产品推荐

