如何在vscode中突出显示用户指定的单词答案

【问题标题】：how to highlight user specified words in vscode如何在vscode中突出显示用户指定的单词
【发布时间】：2019-09-30 20:09:55
【问题描述】：

我需要让我的 vscode 突出显示特定的单词，以便我可以在代码中留下不同的注释，并在需要时轻松查看它们，例如：注意：使用绿色和 DEBUG 使用红色等。

【问题讨论】：

另请参阅Highlight 扩展，请参阅marketplace.visualstudio.com/…。它的优点是在一条线上使用多个捕获组，并根据需要单独设置它们的样式。虽然听起来你不是在寻找那个……但是。

标签： visual-studio-code ide vscode-settings

【解决方案1】：

下载并安装TODO Highlight 扩展。下载并安装扩展后，请确保重新启动 VSCode。现在请按照以下步骤在您的代码中添加自定义关键字突出显示。

在 Windows 上按住 Ctrl + Shift，在 Mac 上按住 Command + Shift，然后按 P 键。

命令行打开。

在命令行输入“打开设置”并点击 “首选项：打开设置”。

设置窗口将打开。

在右侧的“搜索设置”输入下查找三个点“...”并点击它。
点击“打开 settings.json”。

“用户设置”选项卡将打开。它包含一个分屏窗口。在左侧您可以看到默认设置，在右侧您可以看到用户设置

在“搜索设置”中输入“todohighlight.keywords”

你会看到"todohighlight.keywords": []。

用鼠标悬停在它上面

左边会出现一支小笔

点击它

您会看到一个下拉选择菜单打开。

点击“在设置中替换”。

您现在可以在右侧面板窗口（用户设置）中看到"todohighlight.keywords": []。

这是一个包含 json 对象的数组，如下所示：

"todohighlight.keywords": [
    {
        "text": "todo:",
        "color": "#000000",
        "backgroundColor": "DarkKhaki",
        "overviewRulerColor": "DarkKhaki",
        "border": "1px solid DarkKhaki",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "note:",
        "color": "#000000",
        "backgroundColor": "#72824E",
        "overviewRulerColor": "#72824E",
        "border": "1px solid #72824E",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "System.debug",
        "color": "#000000",
        "backgroundColor": "STEELBLUE",
        "overviewRulerColor": "STEELBLUE",
        "border": "1px solid STEELBLUE",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "system.debug",
        "color": "#000000",
        "backgroundColor": "STEELBLUE",
        "overviewRulerColor": "STEELBLUE",
        "border": "1px solid STEELBLUE",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "console.log",
        "color": "#000000",
        "backgroundColor": "STEELBLUE",
        "overviewRulerColor": "STEELBLUE",
        "border": "1px solid STEELBLUE",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "|DEBUG|",
        "color": "#000000",
        "backgroundColor": "#72848A",
        "overviewRulerColor": "#72848A",
        "border": "1px solid #72848A",
        "borderRadius": "3px",
        "isWholeLine": true
    },
    {
        "text": "attention:",
        "color": "white",
        "backgroundColor": "red",
        "border": "1px solid red",
        "borderRadius": "3px",
        "isWholeLine": false
    },
    {
        "text": "debug:",
        "color": "white",
        "backgroundColor": "red",
        "border": "1px solid red",
        "borderRadius": "3px",
        "isWholeLine": false
    }
]

如果您不熟悉 json 表示法，请从上面的示例中复制“todohighligh.keywords”的内容并将其粘贴到两个 [] 括号之间的“用户设置”窗口。您可以在"" 双引号之间更改: 冒号左侧的值。如果您想添加两个以上的关键字，只需在“用户设置”中的最后一个右花括号 } 后添加一个逗号，然后复制/粘贴一个 json 对象（从一个 { 左括号到第一个右括号） } 括号），然后更改其内容。您可以添加任意数量的关键字。

确保您保存文件，方法是按住 Ctrl(windows) / command(mac) 并按“s”键或从菜单栏中转到文件 -> 保存

2021 年 6 月编辑我已经有一段时间没有发表这篇文章了。我更新了示例以获得更详细的突出显示。如果您需要澄清，请在下方发布您的 cmets。干杯！?

【讨论】：

这些是很好的说明。他们非常彻底，对我帮助很大