monaco-editor - 添加更多种类的下划线颜色

Question

我正在使用 Monaco Editor 制作我自己的 IDE。我用 provideHover强调某些类型的代码。好像不一样DiagnosticCategory或 MarkerSeverity对下划线的颜色有影响。目前，似乎只有4种下划线颜色。

/* Diagnostics */
enum DiagnosticCategory {
    Warning = 0,
    Error = 1,
    Suggestion = 2,
    Message = 3
}

有谁知道如何添加更多种类的下划线颜色？

Answer 1

下划线的形状和颜色由其 CSS 类决定，例如squiggly-error :

相应 CSS 类的常量在 intervalTree.ts 中声明。在 VS Code 项目中:

export const enum ClassName {
    EditorHintDecoration = 'squiggly-hint',
    EditorInfoDecoration = 'squiggly-info',
    EditorWarningDecoration = 'squiggly-warning',
    EditorErrorDecoration = 'squiggly-error',
    EditorUnnecessaryDecoration = 'squiggly-unnecessary',
    EditorUnnecessaryInlineDecoration = 'squiggly-inline-unnecessary',
    EditorDeprecatedInlineDecoration = 'squiggly-inline-deprecated'
}

使用这些常量的代码位于 markerDecorationsServiceImpl.ts (在基于 MarkerSeverity 的开关中)。

它似乎没有被设计为可通过配置进行扩展。添加另一个下划线类型可能需要更改 vs 核心类。