让你的vscode和你一样美美哒（vscode美化透明背景壁纸）

2024-05-24 03:20| 来源: 网络整理| 查看: 265

全屏背景

下载background-cover [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-J1gZSuXT-1596698838104)(2020-08-06-15-14-09.png)]

点击屏幕右下角 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kgneA9U1-1596698838106)(2020-08-06-15-15-08.png)]

vscode正上方顶部弹出选项 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-exOtNvZY-1596698838107)(2020-08-06-15-15-58.png)]

根据页面变化的图标

下载background [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-q11Xoatz-1596698838109)(2020-08-06-15-17-42.png)]

按下ctrl+，进入设置，搜索background，进入json文件配置 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DnxrvFF4-1596698838111)(2020-08-06-15-19-07.png)]

配置如下

//background 的相关配置 "update.enableWindowsBackgroundUpdates": true, "background.customImages": [ "file:///F:/背景/4K/5853bc7cec0c270fc2f62de6.png", //图片地址 ], "background.style": { "content":"''", "pointer-events":"none", "position":"absolute",//开启定位 "width":"100%",//随窗口宽度 "height":"100%",//随窗高度 "z-index":"99999",//最上面 "background.repeat":"no-repeat",//不进行重复 "background-size": "20%,20%", //背景大小 "opacity":0.5 //透明度 }, "background.useFront": true, "background.useDefault": false,//是否使用默认图片说明

这个过程中vscode会报错，点击不在提示就好。配置好之后请重启vscode生效顺便建议字体使用大号，不然背景太花，对眼睛不好。字体大小快捷键（CTRL +）（CTRL -）

最终效果

在这里插入图片描述

【本文地址】

公司简介

联系我们