1、效果展示

2、设置背景图的详细步骤

2.1 、下载background插件

2.2 、选择扩展设置

2.3 、在setting.json中编辑

2.4、对应的配置文件

  // background配置信息
  "update.enableWindowsBackgroundUpdates": true,
  "background.customImages": [ 
    "file:///G:/360MoveData/Users/静小文/Desktop/轮播图/1.jpg" // 自定义背景图
  ],
  "background.style": {
    "content": "''",
    "pointer-events": "none",
    "position": "fixed",
    "z-index": "99999",
    "width": "100%",
    "height": "100%",
    "top":"0px",
    "left":"0px",
    "background-position": "100% 100%",
    "background-repeat": "no-repeat",
    "background-size": "cover", //图片大小为全屏
    "opacity": 0.2
  },
  "background.useFront": true,
  "background.useDefault": false, //是否使用默认图片



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2.5 、重启电脑（管理员身份）

这个时候可能会在屏幕右下方弹出重启vscode按钮
提示：我的是没有提示，只有在用管理员身份重启后才可以显示图片，修改setting.json文件会出现重启的按钮

3、遇到的问题

3.1 图片显示后、会出现不支持的提示。不影响使用、但是影响心情呐

像这个样子的提示、看起来真难受

3.2 解决方法

3.2.1、下载插件Fix VSCode Checksums

3.2.2 、按组合键ctrl+shift+p 然后输入这个

3.3.3、重启VScode