VScode修改增加背景图片

1.安装应用

 

2. 进入settings.json文件

 

 3.添加一下"background.styles"键值对在原来的字典中,添加结果如下;修改file路径为自己的本机的图片路径,然后重启;

{
    "window.zoomLevel": 0,
    "editor.fontSize": 21,
    "editor.fontWeight": "100",
    "editor.fontLigatures": null
    "editor.fontFamily": "FangSong, 'Courier New', monospace",
    "background.customImages": [
        "file:///E:/sewen/图片/himitsu/cute.jpg", "file:///E:/sewen/图片/himitsu/cute.jpg"
    ],
    "background.styles": [
        {
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
            "background-size":"110%,100%",
            "opacity":0.08
        },
        {
            "content":"''",
            "pointer-events":"none",
            "position":"absolute",
            "width":"100%",
            "height":"100%",
            "z-index":"99999",
            "background.repeat":"no-repeat",
            "background-size":"110%,100%",
            "opacity":0.08
        }
    ],
    "background.useFront": true,
    "background.useDefault": false,
}

4.重启以后根据图片的显示情况,调节字典能参数到显示正常即可.

 

posted @ 2020-08-05 04:54  sewen  Views(596)  Comments(0Edit  收藏  举报