VsCode使用BackGround插件全屏化背景图

長崎爽世

已于 2022-03-01 11:29:55 修改

阅读量6.5k

点赞数 9

文章标签： vscode ide visual studio code

于 2021-11-16 16:43:34 首次发布

本文链接：https://blog.csdn.net/qq_25484769/article/details/121359592

版权

首先去扩展商店里安装BackGround插件

设置里搜索

Background: Custom Images

设置setting如下

{
    "workbench.colorTheme": "Monokai",
    "security.workspace.trust.untrustedFiles": "open",
    "workbench.editorAssociations": {
        "*.ipynb": "jupyter-notebook"
    },
    "notebook.cellToolbarLocation": {
        "default": "right",
        "jupyter-notebook": "left"
    },
    //background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///G:/smile.jpg"//图片地址
    ],
    "background.style": {
        "content":"''",
        "pointer-events":"none",
        "position":"fixed",//图片位置居中
        "width":"100%",
        "height":"100%",
        "z-index":"99999",
        "top":"0px",
        "left":"0px",
        "background.repeat":"no-repeat",
        "background-size":"cover",//图片大小为全屏
        "opacity":0.2 //透明度
    },
    "background.useFront": true,
    "background.useDefault": false,//是否使用默认图片
}

即可达到图片拉伸至全屏覆盖背景

附：安装后启动vscode提示vscode已损坏的解决方案

1.安装插件Fix VSCode Checksums

2.vscode里ctrl+p打开命令行,输入Fix Checksums: Apply

3.重启vscode解决,简简单单