vscode更改背景图片

编程入门 行业动态 更新时间:2024-10-28 22:24:15

vscode更改<a href=https://www.elefans.com/category/jswz/34/1769059.html style=背景图片"/>

vscode更改背景图片

1. 安装扩展“background”

2. 'ctrl, shift+P'快捷键打开用户配置文件

3. 复制以下代码到刚打开的“setting.json”文件
// configuration of background"background.enabled": true,"background.useDefault": false,"background.customImages": ["file:///G:/壁纸/a.jpg"],"background.style": {"content": "''","pointer-events": "none","position": "absolute","z-index": "99999","width": "100%","height": "100%","background-position": "center","background-repeat": "no-repeat","background-size": "100%,100%","opacity": 0.08}

其中"background.customImages"参数可以修改成自己背景图片的路径,否则采用默认背景样式(也挺好看);"opacity"参数可以修改透明度,值越小表示透明度越低。
修改完成后会提示重启vscode,重启即可。

4. 修改后的界面如下


但编辑器顶部出现“[不受支持]”四个字,是由于background插件修改了vscode底层css样式导致,不影响编辑器使用。
作为强迫症患者,选择消除该四个字,佛系猿忽略以下步骤。

5. 安装扩展“Fix VSCode Checksums”

6. ‘ctrl, shift+P’`快捷键键入“fix”关键字


选择命令“Fix Checksums: Apply”。
提示重启编辑器即可。

7. 最终界面

更多推荐

vscode更改背景图片

本文发布于:2024-02-17 15:48:56,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1694572.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:背景图片   vscode

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!