vscode高亮插件——highlight-words(高亮代码、高亮变量、突出显示)

这篇具有很好参考价值的文章主要介绍了vscode高亮插件——highlight-words(高亮代码、高亮变量、突出显示)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。


vscode代码高亮插件,vscode,vscode,ide,编辑器

官方教程

高亮文字

vscode代码高亮插件,vscode,vscode,ide,编辑器

这个扩展是基于示例VS Code扩展decorator-sample进行调整的,灵感来自于atom-quick-highlight。

它为所有编辑器中出现的每个选定的单词创建一个装饰。

使用方法

  • 您可以通过选择命令面板中的"Highlight Toggle Current"来添加单词,这将突出显示光标处或选择的单词。
  • 要停止突出显示,请选择"Highlight Remove",然后选择所需的单词或表达式,或全部删除。
  • 您还可以通过"Highlight Remove All"命令删除所有突出显示的内容,而无需选择。
  • 要使用正则表达式进行突出显示,请选择"Highlight Expression"并输入表达式(斜杠可选),可以使用/表达式/i来忽略大小写(g标志是自动的,i标志被接受,其他标志被忽略)。
  • 要使用选项进行突出显示,请选择"Highlight Selection with Options"并在呈现时选择整个单词、忽略大小写或两者都选择。
  • 您可以通过"Set Highlight Mode"命令设置"Highlight Toggle Current"的模式。默认值可以在配置中设置。
  • 侧边栏可以在资源管理器视图中显示,并可以使用"Highlight Toggle Sidebar"命令进行切换。这提供了导航突出显示项、更改选项和删除的功能。

配置

以下选项可以进行配置:

highlightwords.colors:这是一个轻/暗对的数组,用于各自的主题类型,您可以拥有尽可能少或尽可能多的颜色对。

highlightwords.box:如果为true,则将突出显示显示为选择周围的框,如果为false,则将突出显示设置为背景颜色。

highlightwords.defaultMode:初始化时的初始模式。0=默认,1=整个单词,2=忽略大小写,3=整个单词和忽略大小写。

highlightwords.showSidebar:在资源管理器窗口中提供了一个视图,用于搜索、更改选项和删除突出显示的内容。

下面显示了默认值。

"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": false,
    "dark": true
},
"highlightwords.defaultMode": {
    "default": 0
}

"highlightwords.showSidebar": {
    "default": true
}

演示

变量高亮(Highlight Toggle Current)

先选择变量(光标放上去即可),然后桥快捷键ctrl + shift+ p,然后输入highli…(不用输入完,它会自动蹦出来),然后选择Highlight Toggle Current,然后变量就被高亮了:

vscode代码高亮插件,vscode,vscode,ide,编辑器
vscode代码高亮插件,vscode,vscode,ide,编辑器

选择高亮(Highlight Selection with Options)

先选择字符:
vscode代码高亮插件,vscode,vscode,ide,编辑器

选择模式:

vscode代码高亮插件,vscode,vscode,ide,编辑器
vscode代码高亮插件,vscode,vscode,ide,编辑器

我不知道怎么直接使用default模式高亮,我是在侧边栏点击高亮项右键设置的(default模式是既不是全字匹配,也不是忽略大小写):

vscode代码高亮插件,vscode,vscode,ide,编辑器
vscode代码高亮插件,vscode,vscode,ide,编辑器

删除高亮(Highlight Remove)

前面跟上面一样的方法,选择Highlight Remove,然后选择要删除的高亮变量即可,也可以选择* ALL *全部删除:

vscode代码高亮插件,vscode,vscode,ide,编辑器
vscode代码高亮插件,vscode,vscode,ide,编辑器

侧边栏(Highlight Toggle Sidebar)

vscode代码高亮插件,vscode,vscode,ide,编辑器
选择Highlight Toggle Sidebar可以呼出/隐藏侧边栏,侧边栏能方便看到被高亮的变量,也可以直接右键变量移除:

vscode代码高亮插件,vscode,vscode,ide,编辑器
vscode代码高亮插件,vscode,vscode,ide,编辑器

参考文章:highlight-words文章来源地址https://www.toymoban.com/news/detail-577487.html

到了这里,关于vscode高亮插件——highlight-words(高亮代码、高亮变量、突出显示)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • VSCODE-Verilog开发插件/(代码格式化+Verilog文件树显示+一键例化+UCF转XDC+代码错误检查+语法高亮)

    VSCODE插件,可实现功能: 变量对齐 逗号对齐 括号对齐 快捷键:CTRL + L 例化的代码自动复制到剪切板 快捷键:ctrl+shift+p :输入 Convert_instance 正常顺序转换 可实现序号的从小到大的排列 快捷键:ctrl+shift+p :输入 Convert UCF to XDC NORMAL ORDER 或 Convert UCF to XDC SORT ORDER ucf, xdc, do, tcl 语法

    2024年03月10日
    浏览(47)
  • Vue3 代码块高亮显示并可使用富文本编辑器编辑(highlight.js + wangEditor)

    在Vue项目中实现以下功能:   功能1. 在页面中显示代码,并将其中的高亮显示。   功能2. 允许对代码块进行编辑,编辑时代码也高亮显示。   功能3. 可在编辑器中添加多个代码块,动态渲染代码高亮。   Step1: 安装所需插件(本文使用npm安装,若需

    2023年04月21日
    浏览(46)
  • 我在 vscode 插件里接入了 ChatGPT,解决了代码变量命名的难题

    lowcode 插件 已经迭代了差不多3年。作为我的生产力工具,平常一些不需要动脑的搬砖活基本上都是用 lowcode 去完成,比如管理脚手架,生成 CURD 页面,根据接口文档生成 TS 类型,生成 mock 等等。 借助 lowcode 的区块物料的功能,能快速生成 CURD 页面,但是前一段时间在做一些

    2024年02月08日
    浏览(43)
  • elasticsearch高亮之Highlight原理

    一、highlight简介 highlight是提升用户体验的重要手段,搜索引擎通过高亮突出命中等方式,方便用户通过周围的信息快速的确认是否是自己希望的结果; highlight功能通常包含以下三个主要的处理过程 1.将字段文本拆分为小的片段; 2.找出最相关的片段; 3.高亮查

    2023年04月27日
    浏览(33)
  • Unity-Shader-高亮Highlight

    常用Shader-高亮,可动态调整高亮颜色、高亮强度范围/等级、高亮闪烁速度、高亮状态

    2024年02月06日
    浏览(37)
  • highlight.js 实现搜索关键词高亮效果

    先看效果: 更新:增加切换显示 折腾了老半天,记录一下 注意事项都写注释了 代码: 更新后代码:

    2024年02月02日
    浏览(49)
  • Unity 基于URP使用Highlight Plus实现物体高亮

    内容将会持续更新,有错误的地方欢迎指正,谢谢!   Unity 基于URP使用Highlight Plus实现物体高亮       TechX 坚持将创新的科技带给世界! 拥有更好的学习体验 —— 不断努力,不断进步,不断探索 TechX —— 心探索、心进取! 助力快速实现 Highlight Plus 基于URP的物体高亮 为初学

    2024年02月05日
    浏览(36)
  • 【VSCode】代码高亮的调整

    默认在dark的背景下,代码选中后高亮的效果是浅浅的白色,那么如果我想实现如下效果该怎么操作呢? 首先,转到设置: 然后在搜索中输入:workbench.colorCustomizations 打开,并把以下代码插入 \\\"workbench.colorCustomizations\\\": { } 中: 其中editor.lineHighlightBackground设置的是高亮行背景颜

    2024年02月12日
    浏览(29)
  • vue+prismjs 网页代码高亮插件

    最近在使用wangEditor的过程中发现编辑器中代码块展示没有问题,但是预览编辑器中的内容样式丢失,看过wangEditor的文档后发现用到了Prism.js,现将使用的经验分享。 打开  babel.config.js ,在module.exports中的plugins添加以下配置,如果原本没有plugins可以手动添加 配置后 babel.con

    2024年02月05日
    浏览(41)
  • VSCode Python代码无高亮 Pylance运行异常

    我进入docker容器中创建一个.py文件,发现代码字段无高亮提示。 查询了网上大量资料,总结了几个修改的方法: 1、在设置中搜索\\\"language server\\\",将语言服务器类型选择为Pylance; 2、Python和Pylance版本问题; 在“拓展”中找到Pylance,尝试更换旧版本,再重新加载VSCODE; 尝试了

    2024年04月13日
    浏览(25)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包