自定义VSCode全背景图片

VSCode 自定义全背景图片

 VSCode中有设置背景图片的插件background,但唯一的不足是设置的背景不是全背景,那么该如何解决呢?这当然有办法了!修改VSCode的本地配置文件就行了。

开始食用

 打开安装目录,拿我的举个栗子
 G:\VSCODE\Microsoft VS Code\resources\app\out\vs\workbench
 找到该目录下的 workbench.desktop.main.css 文件,右键编辑,添加如下代码,注意是添加
 值得注意的是文件可以是本地文件也可以是URL文件。

body {
    background-image: url('file:///E:/VScode/Microsoft VS Code/61.png');/*在这里添加图片路径*/
    background-size: 100%;/*背景大小*/
    opacity: 0.75;/*背景透明度*/
    background-repeat: no-repeat;/*如何重复背景图像,no-repeat	背景图像将仅显示一次。*/
}

然后重启即可。
重启后会提示VSCode损坏,忽略即可。

视频教程参考自定义VSCode

效果如下所示

你可能感兴趣的:(那些小Skill,vscode,ide,编辑器)