vscode插件的使用highlight-words

清疚 2022-12-29 14:10 284阅读 0赞

highlight-words  
高亮插件，挺好用的。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70]  
插件管理的搜索框查找并安装该插件即可。插件说明也要看一下哦~

原创文章,转载请备注 : [https://blog.csdn.net/qq\_29173507/article/details/111570867][https_blog.csdn.net_qq_29173507_article_details_111570867].

### 设置快捷键 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 1]  
点击设置->快捷键->搜索highlight  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 2]  
设置Highlight Toggle Current和Highlight Remove All两个的快捷键即可。  
使用Highlight Toggle Current对所选字段高亮，对高亮字段再次使用取消高亮；  
Highlight Remove Al字面意思，取消所有高亮。

### 选项详解 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 3]  
说明里面看到的几个操作，比较有意思的是红框中的三个。  
1.Highlight Expression高亮正则表达式。按F1，输入这个，然后输入想高亮的正则表达式字段，这个可以查找多个字段。

2.whole word, ignore case or both ，还有个default：全词匹配，忽略大小写，全词匹配&&大小写，高亮选择的字段。  
whole word和default的区别一张图就理解了  
![在这里插入图片描述][20201223153140657.png]  
上面高亮选择的是whole world模式，下面选择的是default

3.Highlight Toggle Sidebar打开关闭资源管理器中的highlight框，即下图这个东西  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 4]原创文章,转载请备注 : [https://blog.csdn.net/qq\_29173507/article/details/111570867][https_blog.csdn.net_qq_29173507_article_details_111570867].

### 配置设置 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 5]  
配置文件里面值得说道的是下面两个字段  
highlightwords.colors：  
这个还可以添加其他的颜色字段，light后面写rgb的值，后面是颜色信息。没研究怎么新增，暂时8个够用。

highlightwords.box：  
这个字段的两个属性，前者是选取字段的框框亮，后者是背景暗。看两张图就知道了，表示颜色在框框上还是在背景色上面，我习惯在背景色。  
“highlightwords.box”: \{  
“light”: false,  
“dark”: true  
\},  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 6]

“highlightwords.box”: \{  
“light”: true,  
“dark”: false  
\},  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 7]  
在C:\\Users\\用户名\\AppData\\Roaming\\Code\\User\\settings.json中添加字段，会使插件的设置在所有工程中生效。  
C:\\Users\\用户名\\.vscode\\extensions\\rsbondi.highlight-words-0.1.4\\package.json 貌似也可以修改这个文件的配置，你们可以试试看看会不会出错。，试过的麻烦告知下，thx~

### 设置配置有个深坑。。。 ###

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 8]  
单字段的这样设置会生效。不知道是不是跟我设置为中文有关系。。。官方的配置说明有毒啊。。。  
highlightwords.defaultMode字段设置成1比较好用哦。

原创文章,转载请备注 : [https://blog.csdn.net/qq\_29173507/article/details/111570867][https_blog.csdn.net_qq_29173507_article_details_111570867].

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70]: /images/20221120/92c2c52b799249a18fb4ba4ed8747c63.png
[https_blog.csdn.net_qq_29173507_article_details_111570867]: /images/20221120/39cf2962f412413c8f8d683373585923.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 1]: /images/20221120/efd15a4e8e394251b016587810452230.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 2]: /images/20221120/64247f677f8f4eebb6d6addefbb110ad.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 3]: /images/20221120/c0b230220af046fd84081e6bf8dd7d79.png
[20201223153140657.png]: /images/20221120/5acef7b30ec64e3781e4f3548544e520.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 4]: https://img-blog.csdnimg.cn/20201223152750753.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 5]: /images/20221120/34c7aefeeadf44d3a61e42ad54a2d39e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 6]: /images/20221120/08dc5f3a138e47a5b4e3471ff39315e5.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 7]: /images/20221120/0ab82a88a1f246edb23ac90e075e8cc8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5MTczNTA3_size_16_color_FFFFFF_t_70 8]: /images/20221120/596fb4e0d61d47b69f0b78e0534f01b2.png