【VSCode】设置关键字高亮的插件 | Highlight Word

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


【VSCode】设置关键字高亮的插件 | Highlight Word

一、概述

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

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

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

下图是 source insight 4Highlight Word功能:
【VSCode】设置关键字高亮的插件 | Highlight Word

【VSCode】设置关键字高亮的插件 | Highlight Word

二、安装 highlight-words 插件

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

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

【VSCode】设置关键字高亮的插件 | Highlight Word

【VSCode】设置关键字高亮的插件 | Highlight Word

三、配置 highlight-words 插件

3.1 默认配置

highlight-words 插件的细节页面,往下滑,会看到一些默认配置:
【VSCode】设置关键字高亮的插件 | Highlight Word
可以将它复制出来,配置到自己的VSCode上即可,下面对这段配置简单介绍一下:

  • highlightwords.colors:定义了一个数组用来存放要高亮的颜色,默认有8个颜色;

  • highlightwords.box:定义了高亮显示的样式,只要darktrue,就是显示边框;

  • highlightwords.defaultMode:默认模式,没用过,保持默认值即可;其取值范围如下:0=default, 1=whole word, 2=ignore case, 3=whole word and ignore case
    0:表示默认模式;
    1:全词匹配。可以避免问题:设置a高亮,导致ab的a也高亮
    2:区分大小写。
    3:全词匹配且区分大小写。

  • highlightwords.showSidebar:设置为true,则会再资源管理器添加一个HIGHLIGHTS栏来显示已经高亮的单词。
    【VSCode】设置关键字高亮的插件 | Highlight Word

3.2 修改 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,

然后要修改 settings.json 配置文件,依次点击菜单栏 文件 -> 首选项 -> 设置,进入设置页面,搜索highlight-words ,可以看到四个配置,点击在 settings.json 中编辑,然后复制上面代码到 settings.json 中,完成配置,操作动图如下:
【VSCode】设置关键字高亮的插件 | Highlight Word
【VSCode】设置关键字高亮的插件 | Highlight Word

四、设置高亮快捷键F8

通过上面的配置后,就可以使某个单词单独高亮了,按Ctrl+Shift+P,输入Highlight Toggle Current,就可以使光标所在位置的单词高亮。但这种方式很麻烦,我们可以设置一个高亮快捷键,我这里是设置成F8,你也可以根据自己喜好设置。

设置步骤:按按Ctrl+Shift+P,输入Highlight Toggle Current,点击右边齿轮图标,进入快捷键页面,点击编辑按钮,按F8,然后按Enter键完成设置,动图如下:
【VSCode】设置关键字高亮的插件 | Highlight Word

【VSCode】设置关键字高亮的插件 | Highlight Word

五、效果演示

到此,全部设置完毕了,看看用快捷键去设置的效果吧:
【VSCode】设置关键字高亮的插件 | Highlight Word

【VSCode】设置关键字高亮的插件 | Highlight Word
如果文章有帮助的话,点赞👍、收藏⭐,支持一波,谢谢 😁😁😁文章来源地址https://www.toymoban.com/news/detail-501204.html

到了这里,关于【VSCode】设置关键字高亮的插件 | Highlight Word的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包