VS code 完美自定义背景

这里介绍在visual studio code中自定义背景图片的方法

1、在软件的扩展中下载 background 插件，并安装插件

在安装完成后，软件会提示插件损坏，不必管他，让他不 再显示即可。

2、【文件】-【首选项】-【设置】中， 自定义以下内容

        "background.enable":true,
        "background.useDefault":false,
        "background.customImages":[
            "file:///C:/Users/xingd/Pictures/洛天依.png"
        ],
        "background.style":{
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",
            "top":"0",
            "right":"0",
            "width":"100%",
             "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
           "background-size":"contain",
            "opacity":0.1
        }

其中："background-style"后面的内容是CSS的代码，可以使用这些代码实现对背景图案样式的定义

最终效果如下：

Tip:2020-12-8 修改错误 background.enable ->background.enable