【VSCode】代码高亮的调整

默认在dark的背景下,代码选中后高亮的效果是浅浅的白色,那么如果我想实现如下效果该怎么操作呢?

在这里插入图片描述

首先,转到设置:
在这里插入图片描述

然后在搜索中输入:workbench.colorCustomizations
在这里插入图片描述
打开,并把以下代码插入 "workbench.colorCustomizations": { } 中:

        "editor.selectionHighlightBackground": "#b60f0f",
        "editor.selectionHighlightBorder": "#ca1111"  

其中editor.lineHighlightBackground设置的是高亮行背景颜色
editor.lineHighlightBorder设置的是高亮行边框颜色
在这里插入图片描述

注意,颜色是可以选择的~

补充一个
“editor.selectionBackground”: “#abbb51” 是选中后拖拉呈现的颜色

在这里插入图片描述

### 如何在 VSCode 中配置代码高亮和颜色主题 #### 配置代码高亮 对于特定编程语言的代码高亮,确保已安装并启用了对应的语言扩展[^1]。例如,在 Go 语言环境中,“文件”-->“首选项”-->“设置”,键入 Golang 并点击 Gopls 项的“在 settings.json 中编辑”。这一步骤有助于确保语法被正确识别和支持。 为了增强某些特性的可视化效果,比如 CSS 或 Web 颜色,可以利用专门设计的颜色高亮插件如 `vscode-ext-color-highlight` 提供的功能来实现更直观的颜色展示[^2]: ```json { "color-highlight.markerType": "border", "color-highlight.markDecorations": true, } ``` 上述 JSON 片段展示了如何通过修改用户设置中的选项来自定义颜色标记样式。 #### 设置颜色主题 VSCode 的界面外观可以通过更改颜色主题来进行个性化定制。访问命令面板 (`Ctrl+Shift+P`) 输入 “Preferences: Color Theme” 来浏览官方提供的多种预设风格或是社区贡献的主题包。如果遇到问题,也可以尝试恢复到默认的主题或颜色方案以排除潜在冲突。 另外,针对具体的编辑器行为,如当前行的背景色或边框色,可通过自定义工作区设置的方式进行微调。具体来说,可以在用户的全局设置或者项目的本地 `.vscode/settings.json` 文件里加入如下配置片段[^3]: ```json { "workbench.colorCustomizations": { "editor.lineHighlightBackground": "#f0f0ff", // 当前行背景色 "editor.lineHighlightBorder": "#cccccc" // 当前行边框色 } } ``` 以上方法允许开发者根据个人喜好调整开发环境的视觉呈现方式,从而提高编码效率与舒适度。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

学渣渣渣渣渣

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值