vscode 背景图片设置

603 阅读1分钟
  1. 安装插件 background

image.png

  1. 打开设置

image.png

  1. 在 extensions 里找到 plugin background config image.png

  2. 在右侧点击 edit in settings.json, 贴入如下代码, 齐活儿~ 图片地址是本地文件的路径

image.png

    "terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe",
    "editor.suggestSelection": "first",
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "window.zoomLevel": 0,
    "leetcode.endpoint": "leetcode-cn",
    "files.associations": {
        "*.cjson": "jsonc",
        "*.wxss": "css",
        "*.wxs": "javascript"
    },
    "emmet.includeLanguages": {
        "wxml": "html"
    },
    "minapp-vscode.disableAutoConfig": true,
    "diffEditor.ignoreTrimWhitespace": false,
    "[typescriptreact]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///C:/Users/songjm/Downloads/taitou.png"//图片地址
    ],
    "background.style": {
        "content":"''",
        "pointer-events":"none",
        "position":"absolute",//图片位置
        "width":"100%",
        "height":"100%",
        "z-index":"99999",
        "background.repeat":"repeat",
        "background-size":"100%,100%",//图片大小
        "opacity":0.1 //透明度
    },
    "background.useFront": true,
    "background.useDefault": false,
    "editor.fontSize": 24
}