如何在vscode中突出显示用户指定的单词 [英] how to highlight user specified words in vscode

问题描述

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

推荐答案

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

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

打开一个命令行。

• 在命令行中键入&打开设置并单击 首选项：打开设置。

将打开"设置"窗口。

• 在右侧的搜索设置&q；输入中查找 三个点...并单击它。

• 单击"；Open settings.json"；。

将打开用户设置选项卡(&P>&Q；)。 它包含一个分屏窗口。在左侧看到默认设置，在右侧看到用户设置

• 在搜索设置中键入"；todohighlight.keywords"；

您将看到"todohighlight.keywords": []。

• 用鼠标将鼠标悬停在上面

左侧将显示一支小钢笔

• 点击

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

• 在设置中单击替换(&Q；)。

您现在可以在右侧面板窗口(用户设置)中看到"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表示法，请将上面示例中的内容复制到位于两个[]括号之间的用户设置和窗口中。您可以更改:冒号左侧""双引号之间的值。如果要添加两个以上的关键字，只需在用户设置中的最后一个右大括号}后添加逗号，然后复制/复制一个json对象(从一个{左括号到第一个右括号})，然后更改其内容。您可以根据需要添加任意数量的关键字。

确保您通过按住Ctrl(Windows)/Command(Mac)并按键来保存文件，或者从菜单栏转到文件-&> 保存

编辑2021年6月我已经有一段时间没有发表这篇文章了。我已经更新了样例以进行更详细的突出显示。如果你需要澄清，请在下面发表你的评论。干杯！🍻

这篇关于如何在vscode中突出显示用户指定的单词的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！