vscode中如何设置编辑器背景

相信使用vscode编辑器的小伙伴一定有自定义背景的想法，今天满足大家的需求，小编将自定义背景的方法介绍一下。

首先看下预览图

下面就是修改背景图之后的效果

方法步骤介绍

在软件的扩展中下载并安装 background 插件；小编已经安装过了，如果你没有安装，第二步右下角会出现安装按钮，直接点击安装就行了。

安装好插件之后我们通过修改配置重启vscode就可以了。

首先【文件】-【首选项】-【设置】中， 也可以直接快捷键 Ctrl+,

打开设置之后我们需要搜索一下 background.customImages ， 然后点击在setting.json中编辑

在json文件中加入以下代码然后会出现更新的提示，我们只需要点一下确定提示就行了。

这是需要增加的代码

  "background.enable": true,
  "background.useDefault": false,
  "background.customImages": [
    "file:///E:/chromeDownloads/IMG_7117.JPG.JPG"],
  "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
  }
}

步骤图

最后看一下设置成功之后的背景样式