步骤:

第一步:准备一张图片

如何修改VsCode的背景图片_sed

图片路径最好不要出现中文

第二步:在VsCode中安装插件

搜索 “background”,安装这个插件

如何修改VsCode的背景图片_VsCode_02

第三步:这个插件安装成功之后,里面自带了一些背景,如果喜欢可以不用换,也可以根据需要自定义

找到 “setting.json”,方法如下

如何修改VsCode的背景图片_sed_03

如何修改VsCode的背景图片_VsCode_04

如何修改VsCode的背景图片_sed_05

添加如下代码,图片路径修改为自己的就好了

"background.enabled": true,
    "background.useDefault": false,
    "background.customImages": [
        "file:///E:/vscodebg/bg.jpg"  //自己的图片路径
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "top": "0",
        "right": "0",
        "background-size": "cover",
        "opacity": 0.1,
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-repeat": "no-repeat",
    }

第四步:重启一下vs即可

期间可能会跳出

如何修改VsCode的背景图片_搜索_06

选择 “ 不再提示 ” 即可

如何修改VsCode的背景图片_sed_07