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

人气:242 发布:2022-10-16 标签: ide visual-studio-code vscode-settings

问题描述

我需要让我的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月我已经有一段时间没有发表这篇文章了。我已经更新了样例以进行更详细的突出显示。如果你需要澄清,请在下面发表你的评论。干杯!

769