设置VScode背景图(无需代码)并解决[不受支持]问题

已于 2022-05-19 21:45:48 修改
阅读量541 收藏 4
点赞数 5
文章标签： 前端 css3 css
于 2022-05-13 10:16:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vGuYi/article/details/124746405
版权

这里不建议使用background如图:

 比较繁琐

推荐使用background-cover

在插件里找到background-cover进行下载

下载完毕后点击右下角中间文件图片按钮

也可以ctrl + shift +p 输入命令

backgroundCover - start

第一行和第三行选择插入的图片和设置透明度

上方显示的[不受支持]和右下角显示的[文件损坏]并不受影响可以正常使用

如果非常不爽则需要下载Fix VScode ChecKsums插件

 同样 ctrl + shift +p 输入命令       

Fix Checksums: Apply

 

 完成后重启VScode就解决了

最后附上原图(●ˇ∀ˇ●)

vGuYi
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
VScode背景图设置
caoyan0829的博客
01-15 286
效果图： 步骤1： 先在扩展中下载background插件 步骤2： 在setting.json配置 "background.useDefault": false,//是否使用默认图片 "background.style": { "content":"''", "pointer-events":"none", "position":"absolute",//图片位置 "width":"100%",...
vscode快捷键桌面背景图.jpg
11-26
vscode快捷键桌面背景图.jpg
基于vscode的git pull后代码冲突的两种解决方式
08-21
在vscode上针对git可视化操作,在git pull后出现冲突的解决方式
VScode IDE 设置背景图片
qq_45909266的博客
01-31 183
VScode IDE 设置背景图片 注意！！! 如果设置失败，请杀掉vscode进程，以管理员身份运行，并重新配置即可 1.下载background插件 2.配置 如图所示 在设置里输入插件名（background） background：style 那一行的json编辑点进去 3如下配置即可 这是代码 "background.style": { "content": "''", "pointer-events": "none", "position": "
VScode 设置个性化背景（保姆级教程）
最新发布
qq_69240236的博客
03-19 1463
VScode 设置个性化背景和寻找图片的网站。
vscode设置背景透明度
Eliauk的博客
08-29 4792
首先在左侧搜索windows opcity 出现的第一个就是然后安装一下 文件-首选项-设置 找到win opacity… 右边的210就是我设置的透明度（数字越大越不透明，数字越小越透明，可以根据自己的需要修改） ...
wallpaper-setting:将图像设置为VSCode背景的扩展
04-10
墙纸设置 将图像设置为VSCode背景。 用法 按“⇧⌘P”调出命令面板并输入“墙纸设置” 从菜单中选择所需的设置 实施时间表 仅重新配置一些设置 保留最近设置的内容 幻灯片的随机播放*由于缺乏技巧，可能无法执行。 中断模式*可能由于缺少而无法完成（ry 显示时间*可能未做完（ry
VScode 背景图片修改
业余前端的职业经历
11-11 4101
是不是看起来很有感觉 哈哈 是不是眼前一亮 我来一点一点说哈 将下面的 代码复制到setting.json 中 customImages: [] 设置背景图片的 地址 在你本地放一个图片哈 "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", ...
vscode 怎么设置背景图片
Amouzy的博客
03-03 6825
方法 使用background插件 安装插件以及设置步骤 1.点击左边活动栏最下边的插件按钮 2.输入框输入“background”搜索插件 3.点击“安装”按钮 4.此时界面如下所示： 5.点击“设置”图标，点击下拉选项的“拓展设置” 6.此时会出现以下界面，继续点击“在settings.json中编辑” 7.在“settings.json”文件中配置，放进想要的图片 相关代码（含注释）： { // 是否开启背景图显示 "background.enabled": true,
设置vscode背景图片
zuo0407的博客
01-13 860
首先在vscode扩展中，找到background这个插件，快捷键Ctrl+shift+x 然后，在设置中找到settings.json文件 再然后，在文件下面添加以下代码： "background.customImages": [ "file:///E:/file/Googlefile/4.png" //本地图片 ], //background 的相关配置 "update.enableWindowsBackgroundUpdates": true, "
vscode设置Fira_Code字体及改变编辑器字体、背景颜色的代码详解
08-18
主要介绍了vscode设置Fira_Code字体及改变编辑器字体、背景颜色，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
vscode配置leetcode插件并解决无法登录问题(图文详解)
10-15
主要介绍了vscode配置leetcode插件并解决无法登录问题,本文通过图文并茂的形式给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
VSCode批量代码比较
09-19
通过VSCode实现批量比较两个工程的代码差异，适用于工程被修改后找不到修改位置的场景。 使用到了VScode客户端，Python，批处理命令 具体使用方法可观看我的博客文章：VSCode批量代码比较
VScode ---------- 背景图片设置
weixin_65777478的博客
07-02 173
1.插件里面搜索'background-cover' 2.下载安装后,点击右下角 3.选择一张背景图就可以了 效果如下,透明度可以自己调
Vscode设置背景图片
weixin_44875693的博客
03-31 729
Vscode设置背景图片，和图片的透明度。
VSCode——设置VSCode背景图片
qq_46867640的博客
05-27 7674
1.以管理员身份运行VS Code，安装background插件 2.打开设置，在搜索框中输入background，选择扩展中的plugin background，选择在setting.json中编辑 3.在用户设置中输入以下代码，修改完后按Ctrl+S保存，会提示重启VS Code，点击确定后即可完成修改 代码如下： //background 的相关配置 “update.enableWindowsBackgroundUpdates”: true, “background.customImages”:
vscode设置背景图片
折月的博客
08-31 2312
最近发现一个很好玩的vscode插件，对的，没错，不是好用是好玩。整天面对枯燥单调的vscode总会有些审美疲劳，先给大家看下效果： 是不是感觉没有那么单调了？图片是可以自己选择，我选择的是炮姐，每次码代码累了看下炮姐感觉瞬间电力十足。 下面说下如果实现vscode背景图片： 首先需要安装图上的background插件 然后左下角设置，点击设置搜索background 这里需要将 Background:Use Default取消掉，当然如果觉得默认图片不需要换自己喜欢的图片的话不需要取消
VS code设置背景图
lys20000913的博客
12-31 592
第二部 点击左上角文件-》首选项-》设置 第五步 {"background.enabled": true, "background.useDefault": false, "background.customImages": [ "file://C:/Users/Administrator/Desktop/工作文件/timg.jpg"/...
VSCode 如何设置背景图片
xiaowude_boke的博客
11-01 4825
VSCode 设置背景图片
vscode使用background-image无法显示
11-26
当使用VSCode的时候，如果设置了background-image却无法显示，可能是由于文件路径设置不正确或者图片文件不存在导致的。可以按照以下步骤进行排查： 1. 确认图片文件是否存在于指定路径下，可以尝试打开图片文件来确认。 2. 确认图片文件路径是否正确，可以尝试使用相对路径或绝对路径来设置background-image。 3. 确认CSS代码是否正确，可以尝试使用其他CSS属性来测试，例如background-color。 如果以上步骤都没有解决问题，可以尝试重新安装VSCode或者更新VSCode版本。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值