VSCode 如何设置背景图片-阿里云开发者社区

VSCode 如何设置背景图片

2024-04-07 26

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： VSCode 如何设置背景图片

VSCode 设置背景图片

1.打开应用商店，搜索 background ，选择第一个，点击安装。

2. 安装完成后点击设置，点击扩展设置。

3.点击在 settings.json 中编辑。

4.将原代码注释后，加入以下代码。

// {
//     "workbench.iconTheme": "material-icon-theme",
//     "background.fullscreen": {
//         "image": "",
//         "opacity": 0.91,
//         "size": "cover",
//         "interval": 0
//     }
// }
 
{
    // 是否开启背景图显示
    "background.enabled": true,
    // true-显示默认的图片  false-显示用户自定义的图片
    "background.useDefault": false,
    // 最多设置三张图片，默认显示最上方的图片，当打开多个侧边栏时再依次显示后面的背景图片
    "background.customImages": [
        "file:///C:/Users/admin/Pictures/Camera Roll/1.jpg",
        "file:///C:/Users/admin/Pictures/Camera Roll/2.jpg",
        "file:///C:/Users/admin/Pictures/Camera Roll/3.jpg"
    ],
    // CSS显示样式设置
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "cover",
        // 设置透明度
        "opacity": 0.2
    },
    "editor.minimap.enabled": false,
}