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

文章目录

• 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