vscode修改背景

1. 在扩展中输入background,并安装

vscode修改背景_第1张图片

2. 按住“Ctrl+,” 打开设置页面,输入background,在扩展设置中点击“在settings.json中编辑

vscode修改背景_第2张图片

3. 在大括号中,输入下列代码来设置背景图的样式。

透明度可根据自己的需求修改;代码在最后,可直接复制

vscode修改背景_第3张图片

4. 输入完毕后,点击右下角的 重启vscode,效果如下

vscode修改背景_第4张图片

代码如下:

{

    "background.enabled":true,

    "background.useDefault":false,

    "background.customImages": [

   

        "file:///C:/Users/秋风微凉o/Pictures/一博/bobo1.jpg"

    ],

    "background.style":{

        "content":"''",

        "pointer-events":"none",

        "position":"absolute",

        "top":"0",

        "right":"0",

        "background-size":"cover",

        "opacity":0.20,

        "z-index":"99999",

        "width":"100%",

        "height":"100%",

        "background-repeat":"no-repeat",

    },

}

 

 

你可能感兴趣的:(vscode)