【VSCode】设置关键字高亮的插件 | Highlight Word
创始人
2024-11-13 19:08:24
0

目录

  • 一、概述
  • 二、安装 `highlight-words` 插件
  • 三、配置 `highlight-words` 插件
    • 3.1 默认配置
    • 3.2 修改 `settings.json` 配置文件
  • 四、设置高亮快捷键F8
  • 五、效果演示


在这里插入图片描述

一、概述

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

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

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

下图是 source insight 4Highlight Word功能:
在这里插入图片描述

在这里插入图片描述

二、安装 highlight-words 插件

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

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

在这里插入图片描述

在这里插入图片描述

三、配置 highlight-words 插件

3.1 默认配置

highlight-words 插件的细节页面,往下滑,会看到一些默认配置:
在这里插入图片描述
可以将它复制出来,配置到自己的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栏来显示已经高亮的单词。
    在这里插入图片描述

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 中,完成配置,操作动图如下:
在这里插入图片描述
在这里插入图片描述

四、设置高亮快捷键F8

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

设置步骤:按按Ctrl+Shift+P,输入Highlight Toggle Current,点击右边齿轮图标,进入快捷键页面,点击编辑按钮,按F8,然后按Enter键完成设置,动图如下:
在这里插入图片描述

在这里插入图片描述

五、效果演示

到此,全部设置完毕了,看看用快捷键去设置的效果吧:
在这里插入图片描述

在这里插入图片描述
如果文章有帮助的话,点赞👍、收藏⭐,支持一波,谢谢 😁😁😁

相关内容

热门资讯

秒懂教程!微信炸金花房卡找谁买... 炸金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享...
房卡必备教程“微信群牛牛房卡去... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来享受...
秒懂教程!玩炸金花房卡从哪里买... 炸金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
秒懂教程“金花房卡正规购买渠道... 金牛座牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡...
秒懂教程!拼三张房卡多少钱一张... 拼三张是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
ia实测“微信链接金花房卡怎么... 皇豪互娱是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...
秒懂教程!如何创建拼三张房间卡... 拼三张是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享...
正版授权“牛牛房卡卖家联系方式... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:44346008许多玩家在游戏中会购买房卡来享受...
秒懂教程!微信炸金花房间怎么弄... 炸金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享...
安卓添加系统功能失效了,探究原... 最近我的安卓手机有点儿闹脾气,添加的系统功能突然失效了,真是让人头疼。这不,我就来跟你聊聊这个烦心事...
给大家讲解“怎样购买金花链接房... 新超凡是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来享...
秒懂教程!微信牛牛房卡链接在哪... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享受...
秒懂教程“微信牛牛链接金花房卡... 金牛座牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡...
秒懂教程!微信链接牛牛房卡怎样... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:56001354许多玩家在游戏中会购买房卡来享受...
给大家讲解“微信斗牛房卡怎么买... 微信斗牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:86909166许多玩家在游戏中会购买房卡来...
秒懂教程!微信群牛牛房间买房卡... 牛牛是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:71319951许多玩家在游戏中会购买房卡来享受...
正版授权“金花房卡购买渠道,悠... 悠悠大厅是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:160470940许多玩家在游戏中会购买房卡...
秒懂教程!炸金花房间找谁买房卡... 炸金花是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:66336574许多玩家在游戏中会购买房卡来享...
ia实测“购买斗牛房卡联系方式... 神皇大厅是一款非常受欢迎的棋牌游戏,咨询房/卡添加微信:15984933许多玩家在游戏中会购买房卡来...
安卓的系统取消按键音,静享无干... 你知道吗?最近安卓系统来了一次小小的变革,那就是取消了按键音。这可真是让人眼前一亮啊!想象当你轻轻按...