VScode设置自己喜欢的背景图片

vscode设置背景图

1.首先在vscode扩展商店中，找到background这个插件

2.下面我们就可以设置自己喜欢的背景图片了，打开 文件>首选项>设置settings.json

{
    "files.autoSave": "onFocusChange",
    "window.zoomLevel": 1,
    "background.enabled": true, //插件是否启用，下载插件后并且重启vscode，发现这句话已经存在
    "background.useDefault": false, //是否使用默认图片，为false时，我们就可以设置自己想要的图片了。
    "background.customImages": [
        "C:/Users/三益/Pictures/虞姬/3.jpg"  
    ],//自己喜欢的背景图片路径地址，注意：要用反斜杠"/"  当然你也可以设置多张图片，最多三张图！！！
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "center top",
        "background-repeat": "no-repeat",
        "background-size": "cover",
        "opacity": 0.1
    }
}

3.最后就是我的编辑器背景图的效果：

这样我们的vscode背景图片就改好了，哈哈哈，是不是云霓雀翎超级美！！！