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

Question

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

Answer 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 月自从我发布这篇文章以来已经有一段时间了。我已经更新了示例以获得更详细的突出显示。如果您需要澄清，请在下面发表您的评论。干杯!