VSCode如何设置高亮-Toy模板网

这篇具有很好参考价值的文章主要介绍了VSCode如何设置高亮。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、概述

本文主要介绍在 VSCode 看代码时，怎样使某个单词高亮显示，主要通过以下三步实现：

安装 highlight-words 插件
配置 highlight-words 插件
设置高亮快捷键F8

工作是嵌入式开发的，代码主要是C/C++的，之前一直用 source insight 4 看代码，最近转到 VSCode ，使用 VSCode 看代码时，发现它居然没有单独使某个单词高亮的功能，也就是 source insight 4 的 Highlight Word，快捷键是 F8。所以写了此文，记录一下。

二、安装 highlight-words 插件

VSCode 默认没有单独使单词高亮的功能，需要通过安装插件来实现，在扩展菜单里搜索highlight-words，然后安装 highlight-words 插件，步骤如下图：

打开扩展菜单；
搜索 highlight-words；
安装 highlight-words;

VSCode如何设置高亮,vscode

三、配置 highlight-words 插件

在 highlight-words 插件的细节页面，往下滑，会看到一些默认配置：

VSCode如何设置高亮,vscode

修改 settings.json 配置文件

从插件的细节页面复制出来的默认配置，经过稍微修改，变成下面代码：

    "highlightwords.colors": [
        { "light": "#b3d9ff", "dark": "cyan" },
        { "light": "#e6ffb3", "dark": "pink" },
        { "light": "#b3b3ff", "dark": "lightgreen" },
        { "light": "#ffd9b3", "dark": "magenta" },
        { "light": "#ffb3ff", "dark": "cornflowerblue" },
        { "light": "#b3ffb3", "dark": "orange" },
        { "light": "#ffff80", "dark": "green" },
        { "light": "#d1e0e0", "dark": "red" }
    ],
    "highlightwords.box": {
        "light": true,
        "dark": false
    },
    "highlightwords.defaultMode": 0,
    "highlightwords.showSidebar": true,