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

标签 visual-studio-code ide vscode-settings

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

最佳答案

下载并安装 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": "|DEBUG|",
            "color": "#000000",
            "backgroundColor": "#72848A",
            "overviewRulerColor": "#72848A",
            "border": "1px solid #72848A",
            "borderRadius": "3px",
            "isWholeLine": true
        }
    ]
    
    如果您不熟悉 json 表示法,请从上面的示例中复制“todohighligh.keywords”的内容,并将其粘贴到两个 [] 括号之间的“用户设置”窗口中。您可以在 : 双引号之间更改 "" 冒号左侧的值。如果您想添加两个以上的关键字,只需在“用户设置”中的最后一个大括号 } 后添加一个逗号并复制/过去一个 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


    编辑 我发布这篇文章已经有一段时间了。我已经更新了示例以获得更详细的突出显示。如果您需要澄清,请在下面发表您的评论。干杯!🍻

    关于visual-studio-code - 如何在 vscode 中突出显示用户指定的单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58174681/

    相关文章:

    visual-studio-code - nuget包的本地来源不存在

    javascript - 添加 require 关键字会破坏原生 JavaScript 函数

    python - 无法在 Anaconda 中安装 VS Code

    asp.net - 需要 IDE 建议。Envionment : ASP. NET-VB-JAVASCRIPT

    visual-studio-code - Visual Studio Code - 在搜索结果中包含上下文

    javascript - Visual Studio Code - 挖空 - 找不到名称 'ko'

    c++ - Eclipse C++ 内容辅助,自动激活

    cakephp - 蛋糕框架中自动完成助手的最佳 IDE 是什么

    visual-studio-code - VSCode : How do I open the documentation (ala `show hover` ) in another pane?

    node.js - Node 运行代码但不会在 vscode 中的断点处停止