VSCODE全局背景图片设置教程，background-cover插件

最新推荐文章于 2025-06-18 09:01:54 发布

大吕十六不见长安

最新推荐文章于 2025-06-18 09:01:54 发布

阅读量5.6k

点赞数

CC 4.0 BY-SA版权

文章标签： vscode

本文链接：https://blog.csdn.net/qq_43305958/article/details/108649295

本文详细介绍如何使用background-cover插件为VSCode设置全局背景图片。通过安装插件并修改特定CSS文件，用户可以轻松地将喜欢的图片设为编辑器背景，并调整透明度等效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

VSCODE全局背景图片设置教程，background-cover插件

总结

安装插件background-cover

在这里插入图片描述
找到安装vscode文件路径
Program Files\Microsoft VS Code\resources\app\out\vs\workbench
搜索workbench.desktop.main.css文件
用管理员模式的vscode打开格式化
在文件最前面添加

body {

    pointer-events: auto !important;

    background-size: cover !important;

    opacity: 0.78 !important;

    background-position: 0 0 !important;

    background-image: url('file:///C:/softwareData/chromium/chromiumImg/cda7673ed09e765c8c6213244c50bb48.jpg') !important;

    content: '';

    position: absolute;

    z-index: 99999;

    width: 100%;

    background-attachment: fixed;

    background-repeat: no-repeat;

}