文章目录

1、效果展示
2、设置背景图的详细步骤
2.1 、下载background插件
2.2 、选择扩展设置
2.3 、在setting.json中编辑
2.4、对应的配置文件
2.5 、重启电脑（或者管理员身份重新运行vscode）
3、遇到的问题
3.1 图片显示后、会出现不支持的提示。不影响使用、但是影响心情呐
3.2 解决方法
3.2.1、下载插件`Fix VSCode Checksums`
3.2.2 、按组合键`ctrl+shift+p` 然后输入这个
3.3.3、重启VScode

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, //是否使用默认图片

2.5 、重启电脑（或者管理员身份重新运行vscode）

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

3、遇到的问题

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

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

3.2 解决方法

3.2.1、下载插件Fix VSCode Checksums

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

3.3.3、重启VScode

2022最新最详细必成功的在Vscode中设置背景图、同时解决不受支持的问题的相关教程结束。