vscode,background插件使用

最新推荐文章于 2025-11-14 11:38:21 发布

原创最新推荐文章于 2025-11-14 11:38:21 发布 · 2.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vscode

开发软件专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍如何在 VSCode 中自定义编辑器背景，包括安装步骤、设置方法及注意事项，如图片路径不能包含中文。

1. 安装

2.设置

文件-》首选项-》设置

在这里插入图片描述
搜索background

自定义背景

复制下面的，注意下逗号等
图片路径不能有中文！不然没效果

"background.useFront": false,
    "background.useDefault": false,
    "background.customImages": [
            "file:///C:/Users/xwc/Desktop/Pictures/4.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.4
            
        }