原生的vscode无背景,没有理想的好看

vscode1.png

那如何为VScode添加自己喜欢的壁纸呢?

打开VScode文件所在位置,我的安装路径是C:\Users\用户名\AppData\Local\Programs\Microsoft VS Code\
再依次打开目录\resources\app\out\vs\workbench
完整路径是: C:\Users\用户名\AppData\Local\Programs\Microsoft VS Code\resources\app\out\vs\workbench
打开文件workbench.desktop.main.css

vscode2.png

添加如下代码

1
2
3
4
5
6
7
8
9
10
11
12
13
body {
/*背景图片的路径*/
background-image: url(C:/Users/用户名/123.jpg);
/* 图片不重复 */
background-repeat: no-repeat;
/* 图片位置 */
background-position: center;
/* 图片大小 */
background-size: cover;
/* 透明度 */
opacity: 0.7;
/* opacity: 0.75; */
}

vscode3.png

Ctrl + S保存,重启VScode即可,效果如下。

vscode4.png

可能会提示Code可能损坏,这个可以忽略,选择不再提示就可以了。

vscode5.png