本文共 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/