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

简介: 这篇文章提供了在VScode中设置背景图的详细步骤,包括下载background插件、编辑setting.json文件、配置背景样式,并解决了设置后出现的不支持提示的问题。

文章目录

  • 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

在这里插入图片描述

相关文章
|
5月前
VSCode 如何设置背景图片
VSCode 如何设置背景图片
400 1
|
5月前
VSCode 设置热更新
VSCode 设置热更新
137 1
|
5月前
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
vscode 向下复制当前行功能快捷键 设置成Ctrl + D
248 0
|
5月前
|
Web App开发
vscode设置默认浏览器
vscode设置默认浏览器
154 1
|
5月前
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
设置VSCode运行任务命令快捷键Alt+R,通常用于npm start(对频繁使用该命令可节省50%的输入命令行打字时间)
|
5月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
5月前
|
JSON JavaScript 前端开发
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
设置WebStorm像VSCode一样每行代码结尾自动格式化加入“;”分号(JavaScript、TypeScript格式化)
Vscode设置标签页多行显示
这篇文章提供了在VSCode中设置标签页多行显示的方法,以提高编辑效率。
Vscode设置标签页多行显示
|
2月前
|
编译器 C++
VS Code设置C++编译器路径
VS Code设置C++编译器路径
40 0
|
3月前
|
开发工具 git
vscode设置 git提交代码忽略node_modules,dist,vscode如何设置不提交node_modules,dist
vscode设置 git提交代码忽略node_modules,dist,vscode如何设置不提交node_modules,dist
366 0