修改VSCode背景图片(不是主题喔)以及顶部出现“不受支持”的解决方案

您所在的位置:网站首页 vscode背景图片显示不出来 修改VSCode背景图片(不是主题喔)以及顶部出现“不受支持”的解决方案

修改VSCode背景图片(不是主题喔)以及顶部出现“不受支持”的解决方案

#修改VSCode背景图片(不是主题喔)以及顶部出现“不受支持”的解决方案| 来源: 网络整理| 查看: 265

1.以管理员身份运行VS Code,安装background插件 注意:在修改时,一定要管理员运行vxcode喔。 2.打开设置,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑 在这里插入图片描述 我安装的是第一个。 然后打开setting.json编辑: 在这里插入图片描述 3.在用户设置中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改。 代码如下:

//background 的相关配置 "update.enableWindowsBackgroundUpdates": true, "background.customImages": [ "file:///F:/Picture/Yukino/vs_background.png" // 图片地址 ], "background.style": { "content":"''", "pointer-events":"none", "position":"absolute",//图片位置 "width":"100%", "height":"100%", "z-index":"99999", "background.repeat":"no-repeat", "background-size":"25%,25%",//图片大小 "opacity":0.2 //透明度 }, "background.useFront": true, "background.useDefault": false,//是否使用默认图片

当然你也可以选择多个图片,并设置为不同样式,这样当你开两个并列窗口时,每个窗口都会显示。

"background.customImages": [ "file:///F:/Picture/Yukino/vs_background.png", "file:///F:/Picture/Yukino/vs_background123.png" ], "background.styles": [ { "content":"''", "pointer-events":"none", "position":"absolute", "width":"100%", "height":"100%", "z-index":"99999", "background.repeat":"no-repeat", "background-size":"20%,20%", "opacity":0.1 }, { "content":"''", "pointer-events":"none", "position":"absolute", "width":"100%", "height":"100%", "z-index":"99999", "background.repeat":"no-repeat", "background-size":"30%,30%", "opacity":0.1 } ], "background.useFront": true, "background.useDefault": false,

注意:

1.安装该插件会令VS Code发出警告,选择不再显示即可

2.必须以管理员身份运行才能修改

3.最好使用透明背景的图片。如果偏不要透明的可以试试将"opacity":0.1这个API值调低。

4.每次vscode更新都会不显示图片,只要以管理员身份重启即可。

5.可能第三步有小伙伴忘了使用透明的,然后整个拼布都会被图片占满,此时可以打开vscode的显示文件路径选项,然后找到setting.json这个文件,双击打开进行修改就好。 在这里插入图片描述

整体效果 在这里插入图片描述

出现问题

不管是哪种方法,都是靠修改vscode底层文件的方法来实现背景图的改变,所以vscode会报警告,此时我们点忽略就ok了;但是在顶部会出现 [不受支持] 的字样,很是不爽,强迫症的我实在看不下去了。 解决方法 在扩展程序中找到 Fix VSCode Checksums 这个插件 在这里插入图片描述 同样安装好插件后 ctrl + shift +p 输入命令:

Fix Checksums: Apply

重启vscode就ok了。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3