给visCode编辑器添加背景图

看见很多大牛的visCode编辑器上有个背景图，感觉挺有逼格的，要想跟大牛一样有逼格，那先把编辑器设置的跟大牛的逼格一样高

话不多说，开始

第一步：先安装背景扩展 

 

第二步：点击选择扩展设置

 

---

 第三步：选择在setting.json中编辑

第四步：开始设置 

1. 如果你设置的图片是本地的，把本地的图片托到浏览器中打开，复制全地址
2. "file:///C:/Users/tyy-test/Desktop/img/jif.gif"        这个地址就是浏览器中打开的图片地址
3. 可以设置多张，多张的话，中间用逗号隔开
4. 对于设置的多张背景图可分别设置其样式

 可以设置多张背景图，我这里只是设置了一张

对于跟我一样懒的同学，直接粘代码吧

"update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///C:/Users/tyy-test/Desktop/img/jif.gif" //图片路径，可以插入多个图片，用逗号隔开
    ],
    "background.styles":[
        
        {//第一张背景图设置
        "content":"''",
        "pointer-events":"none",
        "position":"absolute",//图片位置属性
        "right":"0",
        "bottom":"0px",
        "width":"200px",//图片的宽度
        "height":"200px",//图片的高度
        "z-index":"99999",
        "background.repeat":"no-repeat",
        "background-size":"100%,100%",//图片大小，可以根据自己需要修改
        "opacity":0.35,//透明度
    }],
    "background.useFront": true,

 我的最终效果图

注意：设置完成后，记得重启！记得重启！记得重启！