vscode编辑器使用拓展插件background添加背景图片改变外观

问题

如果我们要给vscode添加背景图,改变外观怎么设置?
在这里插入图片描述

解决

我们可以使用拓展插件 background,我们在拓展商店里面添加安装

在这里插入图片描述

然后我们通过选择文件首选项的设置

在这里插入图片描述
打开设置的配置 setting.json
在这里插入图片描述
然后对 background 进行配置:我的配置如下,用了 douban 的图片,更多介绍可以查看这个链接:https://marketplace.visualstudio.com/items?itemName=shalldie.background

"background.fullscreen": {
    
    
    // "image": "https://img9.doubanio.com/view/activity_page/raw/public/4944.jpg", // url of your image
    "image": [
        "https://img9.doubanio.com/view/activity_page/raw/public/4944.jpg",
        "https://img1.doubanio.com/view/activity_page/raw/public/4897.jpg",
        "https://img2.doubanio.com/view/activity_page/raw/public/4901.jpg",
        "https://img9.doubanio.com/view/activity_page/raw/public/4904.jpg",
        "https://img9.doubanio.com/view/activity_page/raw/public/4906.jpg",
        "https://img1.doubanio.com/view/activity_page/raw/public/4949.jpg",
        "https://img2.doubanio.com/view/activity_page/raw/public/4951.jpg",
        "https://img9.doubanio.com/view/activity_page/raw/public/4956.jpg",
        "https://img1.doubanio.com/view/activity_page/raw/public/4928.jpg",
        "https://img1.doubanio.com/view/activity_page/raw/public/4969.jpg",
        "https://img2.doubanio.com/view/activity_page/raw/public/4911.jpg",
        "https://img2.doubanio.com/view/activity_page/raw/public/4913.jpg",
        "https://img2.doubanio.com/view/activity_page/raw/public/4983.jpg",
        "https://img9.doubanio.com/view/activity_page/raw/public/4945.jpg"
    ], // An array may be useful when set interval for carousel
    "opacity": 0.9, // 0.85 ~ 0.95 recommended
    "size": "cover", // also css, `cover` to self-adaption (recommended),or `contain``200px 200px`
    "position": "center", // alias to `background-position`, default `center`
    "interval": 60 // seconds of interval for carousel, default `0` to disabled.
}

保存即可看到效果。

猜你喜欢

转载自blog.csdn.net/kaimo313/article/details/129581332