自定义VS Code界面背景图片

前言：VS Code界面的确很漂亮，多种主题可选。本文手把手教你如何通过更改源文件自定义其界面背景图片。

先上效果：（替换后会在标题显示“不支持”，但不影响使用）

首先说明一点，VS Code有自定义背景图片的插件，但是它只能替换代码区的背景。本文是全局替换。

找到此次需要修改的文件目录 Microsoft VS Code\resources\app\out\vs\workbench

VS Code主目录可以通过右击VS Code.exe 打开文件所在位置找到，

打开 workbench.main文件，这是一个css文件，可用各种文本编辑工具（记事本、editplus等）打开。

将以下代码复制添加（注意是添加，不是覆盖原有代码）到其中：

主要代码介绍（其他的可以不用更改）：

opacity，背景图片的不透明度，范围为0~1。我设置为0.9，根据实际情况设置；

background-image:url(' ')，即图片的位置。注意是绝对路径。

/*background start*/
body{opacity: 0.9 !important;background-image: url('file://C:/Microsoft VS Code/resources/app/out/vs/workbench/image.jpg') !important;content:'';position:absolute;z-index:100000;width:100%;background-repeat:no-repeat;pointer-events:auto !important;background-size:100% !important;background-position: 0 0 !important;}
/*background end*/