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

Question

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

Answer 1

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

在 windows 上按住 Ctrl + Shift，在 mac 上按住 Command + Shift，然后按 P.

命令行打开。

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

设置 window 将打开。

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

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

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

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

将鼠标悬停在上面

左边会出现一支小笔

点击它

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

点击“设置中的替换”。

您现在可以在右侧面板 window（用户设置）中看到 "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”的内容并将其粘贴到您的“用户设置”window两个 [] 括号。您可以在 "" 双引号之间更改 : 冒号左侧的值。如果您想添加两个以上的关键字，只需在“用户设置”中的最后一个右大括号 } 和 copy/past 一个 json 对象（来自一个 { 左括号到第一个右括号 } ）然后更改其内容。您可以添加任意数量的关键字。

MAKE SURE YOU SAVE THE FILE by holding down Ctrl(windows) / command(mac) and press the key "s" or from the menu bar go to File -> Save

编辑Jun/2021 我发布这个 post 已经有一段时间了。我已经更新了样本以获得更详细的突出显示。 Post 如果您需要说明，请在下方发表评论。干杯！

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

how to highlight user specified words in vscode

ide

visual-studio-code

vscode-settings