首页 > 解决方案 > 在vscode中的行号之前设置图标

问题描述

我假设这应该用 gutterIconPath 完成。我尝试了以下代码但没有成功:

const fontColorDecorator = vscode.window.createTextEditorDecorationType({
    text: "TODO:",
    color: '#fff',
    backgroundColor: '#ffbd2a',
    overviewRulerColor: 'rgba(255,189,42,0.8)',
    dark: {
          gutterIconPath: path.join(__dirname, 'resources', 'dark', 'todo.png')
    }
});

 let ranges: vscode.Range[] = [];
 let singleRange: vscode.Range = new vscode.Range(startPos, endPos);
 ranges.push(singleRange);

activeEditor.setDecorations(fontColorDecorator, ranges);

在此处输入图像描述

注意: 问题表明某些时间图标未出现在高对比度主题中。我正在使用 Dark+(Default Dark) 主题。

标签: visual-studio-codevscode-extensions

解决方案


我没有考虑所有路径都是从 out 目录引用的事实。我已经更改了 gutterIconPath 并且图标开始出现在行号之前。


推荐阅读