博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
修改VSCode背景图片(不是主题喔)以及顶部出现“不受支持”的解决方案
阅读量:4030 次
发布时间:2019-05-24

本文共 2117 字,大约阅读时间需要 7 分钟。

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了。

转载地址:http://bqlbi.baihongyu.com/

你可能感兴趣的文章
电平触发方式和边沿触发的区别
查看>>
网络视频服务器移植
查看>>
Encoding Schemes
查看>>
移植QT
查看>>
如此调用
查看>>
计算机的发展史
查看>>
带WiringPi库的交叉编译如何处理一
查看>>
带WiringPi库的交叉笔译如何处理二之软链接概念
查看>>
Spring事务的七种传播行为
查看>>
ES写入找不到主节点问题排查
查看>>
Java8 HashMap集合解析
查看>>
ArrayList集合解析
查看>>
欢迎使用CSDN-markdown编辑器
查看>>
Android计算器实现源码分析
查看>>
Android系统构架
查看>>
Android 跨应用程序访问窗口知识点总结
查看>>
各种排序算法的分析及java实现
查看>>
SSH框架总结(框架分析+环境搭建+实例源码下载)
查看>>
js弹窗插件
查看>>
自定义 select 下拉框 多选插件
查看>>