vscode美化

全屏背景

下载background-cover

点击屏幕右下角

vscode正上方顶部弹出选项

根据页面变化的图标

下载background

按下ctrl+，进入设置，搜索background，进入json文件配置

配置如下

//background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///F:/背景/4K/5853bc7cec0c270fc2f62de6.png", //图片地址
    ],
    "background.style": {
        "content":"''",
        "pointer-events":"none",
        "position":"absolute",//开启定位
        "width":"100%",//随窗口宽度
        "height":"100%",//随窗高度
        "z-index":"99999",//最上面
        "background.repeat":"no-repeat",//不进行重复
        "background-size": "20%,20%", //背景大小
        "opacity":0.5 //透明度
    },
    "background.useFront": true,
    "background.useDefault": false,//是否使用默认图片

说明

这个过程中vscode会报错，点击不在提示就好。配置好之后请重启vscode生效
顺便建议字体使用大号，不然背景太花，对眼睛不好。字体大小快捷键（CTRL +）（CTRL -）

最终效果