You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode如何为光标所在行添加高亮效果?

如何在VSCode中为光标所在行添加高亮效果

我来帮你搞定VSCode里光标行高亮的问题,其实不用找复杂的插件,VSCode本身就提供了灵活的内置设置,完全可以实现你想要的效果,跟着步骤来就行:

  • 打开VSCode设置:使用快捷键Ctrl+,(Windows/Linux)或者Cmd+,(Mac)快速调出设置面板,也可以点击左下角的齿轮图标,选择「设置」进入。
  • 搜索高亮相关配置:在设置面板顶部的搜索框输入editor.lineHighlight,你会看到几个关键的设置项:
    • Editor: Line Highlight Background:控制光标所在行的背景高亮颜色,直接点击颜色选择器就能挑选预设色,或者输入自定义十六进制色码。
    • Editor: Line Highlight Border:可选配置,用来给高亮行添加边框,进一步提升区分度,同样支持自定义颜色。
    • Editor: Line Highlight Width:设置高亮的范围,默认是full(整行高亮),也可以选择line只高亮有文本的区域。
  • 自定义更精准的样式:如果通过设置面板调整后效果不符合预期,或者当前主题覆盖了默认样式,可以直接编辑settings.json来强制配置。点击设置项右侧的笔形图标,选择「在settings.json中编辑」,添加类似下面的代码:
    // 基础高亮配置
    "editor.lineHighlightBackground": "#fffbdd",
    "editor.lineHighlightBorder": "#ffd700",
    // 若主题覆盖样式,用这个区块强制生效
    "workbench.colorCustomizations": {
      "editor.lineHighlightBackground": "#fffbdd",
      "editor.lineHighlightBorder": "#ffd700"
    }
    
  • 验证效果:保存设置后,移动光标到任意行,就能看到该行出现你设置的高亮效果了,和官方教程里的展示一致。

内容的提问来源于stack exchange,提问作者Skif

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 08:15:09