VScode 自定义背景图片

似乎有两种方法,一种是安装扩展插件,另一种则是修改css配置文件。

进入VScode 的安装目录,如下所示,...代替每个人不同路径,但后面的都是一样的。
...\Microsoft VS Code\resources\app\out\vs\workbench\workbench.desktop.main.css

打开这个 workbench.desktop.main.css 文件以后,在最后面添加以下代码,

body {
    pointer-events: auto !important;
    background-size: 100% !important;
    opacity: 0.8 !important;
    background-position: 0 0 !important;
    background-image: url("imgs/77.jpg") !important; /*这里是你的图片地址*/
    content: "Hello World!";
    position: absolute;
    z-index: 999;
    width: 100%;
    background-repeat: no-repeat;
}

图片地址似乎使用绝对地址不凑效,这里使用的是相对路径。
我在文件workbench.desktop.main.css 所在的目录下新建了一个imgs文件夹,并存放了名为77.jpg 的图片。

你可能感兴趣的:(配置,&,报错,vscode,ide,编辑器)