2022 the latest and most detailed will successfully set the background image in vscade and solve unsupported problems at the same time

1、 Effect display

2、 Detailed steps for setting the background image

2.1 、 download background plug-in unit

2.2 、 Select extended settings

2.3 、 stay setting.json Editor in chief

2.4、 The corresponding configuration file

  // background Configuration information 
  "update.enableWindowsBackgroundUpdates": true,
  "background.customImages": [ 
    "file:///G:/360MoveData/Users/ Jing Xiaowen /Desktop/ Shuffling figure /1.jpg" //  Custom background 
  ],
  "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", // The picture size is full screen 
    "opacity": 0.2
  },
  "background.useFront": true,
  "background.useDefault": false, // Whether to use the default image 

2.5 、 Restart the computer （ Administrator status ）

At this time, restart may pop up at the bottom right of the screen vscode Button
Tips ： Mine is no hint , The picture can only be displayed after restarting as an administrator , modify setting.json The restart button will appear in the file

3、 Problems encountered

3.1 After the picture is displayed 、 There will be an unsupported prompt . Not affecting use 、 But it affects your mood

Tips like this 、 It looks awful

3.2 resolvent

3.2.1、 Download plug-ins Fix VSCode Checksums

3.2.2 、 Press key ctrl+shift+p Then enter this

3.3.3、 restart VScode