VScode 利用CSS设置背景(全部填充)
小云BLIorz
2019年10月28日 13:02

    网上大部分VScode的背景都是用background插件的

    但background插件还是有点缺陷,只能实现编辑框内填充背景

    而网上版本的填充背景也有点缺陷,css的设置不能将background-image属性整个填充vscode,因为vscode编辑器的原理本质上就是html,所以我们直接更改CSS即可

更改步骤:

  1. 打开vscode的安装目录,像我的安装目录在E 盘 E:\Microsoft VS Code\resources\app\out\vs\workbench

进入这个目录后找到workbench.desktop.main.css

打开后如果是vscode打开应该是一片挤在一起的css代码(我这边用了vscode的一个格式化代码插件

这个是打开css后的界面

如果你用了format格式化代码的插件那么很方便的就可以编辑css

如果没有也没事,直接在所有css的开头插入一段代码:

body {

     pointer-events: auto !important;

     background-size: cover !important;

     opacity: 0.78 !important;

     background-position: 0 0 !important;

     background-image: url('file://你的背景图的目录&#​39;) !important;

     content: '&#​39;;

     position: absolute;

     z-index: 99999;

     width: 100%;

     background-attachment:fixed;

     background-repeat: no-repeat;

 }

透明度那栏也可以进行适当处理效果也很不错