VSCode设置工作台背景

1.首先在vscode扩展,搜索background插件并安装

VSCode设置工作台背景_第1张图片

安装第一个,然后会提示损坏,不用管。重启的话就有默认背景了

2.设置自己选的背景图

打开 文件>首选项>设置,搜索background然后编辑 

VSCode设置工作台背景_第2张图片

 然后如图编辑即可

VSCode设置工作台背景_第3张图片

代码如下

"background.customImages": ["file:///C:/Users/wuyunke/Pictures/Saved Pictures/psb.jpg"],
    "backgroung.enable":true,
        "background.useDefault":false,
        
        "background.style":{
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",
            "top":"0",
            "right":"0",
            "width":"100%",
             "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
           "background-size":"contain",
            "opacity":0.1

效果图:

VSCode设置工作台背景_第4张图片

你可能感兴趣的:(前端学习记录,前端开发经验笔记)