时间戳

首页 > 解决方案 > 如何为 VSCode 的输出面板添加自定义着色

visual-studio-code - 如何为 VSCode 的输出面板添加自定义着色

问题描述

我已经为 VSCode安装了输出着色器扩展。但是，我找不到任何关于它的说明。我所知道的是扩展创建“text/log”、“text/x-log”、“text/x-code-output”、“x-code-output”mime-types..这将允许我指定自定义影响输出面板的特定范围的颜色。我所做的就是安装输出着色器扩展。

我可以在我的 settings.json 文件中放入什么来覆盖 VSCode 输出面板的文本颜色（在下面的屏幕截图中）？我不想更改我当前的“黑色”面板背景颜色，只更改此面板中的文本颜色而不影响编辑器窗格中的文本。我可以更改下面的深红色，但不能不更改所有语言的字符串范围的颜色。

在此处输入图像描述

标签： visual-studio-codesyntax-highlightingtmlanguage

解决方案

colorizer 扩展只使用正则表达式来解析字符串/数字/引号/日期/等...并使用您选择的 VS Code 主题中的默认样式并应用它们。

您可以在此处查看正则表达式到主题 css 样式的映射： https ://github.com/IBM-Cloud/vscode-log-output-colorizer/blob/master/src/syntaxes/log.tmLanguage#L14

例如，日期将被赋予以下constant.numeric样式：

<dict>
    <!-- Date MM/DD/(YY)YY -->
    <key>match</key>
    <string>\b(((0|1)?[0-9][1-2]?)|(Jan(uary)?|Feb(ruary)?|Mar(ch)?|Apr(il)?|May|Jun(e)?|Jul(y)?|Aug(ust)?|Sept(ember)?|Oct(ober)?|Nov(ember)?|Dec(ember)?))[/|\-|\.| ]([0-2]?[0-9]|[3][0-1])[/|\-|\.| ]((19|20)?[0-9]{2})\b</string>
    <key>name</key>
    <string>constant.numeric</string>
</dict>

不幸的是，此扩展不允许您指定自己的样式或规则，但我会将此作为新功能请求牢记在心。

（我是扩展作者）。

推荐阅读