三玖天下第一！让三玖陪你写代码（为VScode加入背景图片）

2024-05-11 04:48:15

先看一下效果图：（点击查看大图）

单窗口：

双窗口：

修改vscode的背景图片是依赖于插件background实现的，这个插件的下载和使用已经有很多教程了，就不详说了，可以参考这一篇，写的非常详细：

https://blog.csdn.net/yukinoai/article/details/84564949

我的插件配置：

(在settings.json中配置，这里的配置可以根据你自己的喜好和图片的大小自己配置。）

    "background.customImages": ["file:///C:/Users/ty/Desktop/一些图片/透明图/1.png", //图片地址"file:///C:/Users/ty/Desktop/一些图片/透明图/2.png", //图片地址],"background.styles": [{"content":"''","pointer-events":"none","position":"absolute","width":"100%","height":"100%","z-index":"99999","background.repeat":"no-repeat","background-size":"30%,10%",   //图片尺寸"opacity":0.10   //透明度，值越低越透明},{"content":"''","pointer-events":"none","position":"absolute","width":"100%","height":"100%","z-index":"99999","background.repeat":"no-repeat","background-size":"25%,20%","opacity":0.2},],

图片的选择

图片需要选择背景为透明色的图像才行（一定要注意白色背景和透明背景的区别！这两者差别很大！），这样才能和vscode主题融为一体。假如你喜欢的图片的背景不是透明的，那么你需要想想办法做成透明，不然效果会很差。不信你看：

至于怎么把图像背景设置为透明，我常用的办法是利用WPS或者Word，插入图片之后，点击图片，然后选择“设置透明色”，然后点击背景区域即可（觉得效果不好的话还可以自行清理图像边界）

图片源

说了这么多，希望你能学会为vscode添加自己喜欢的背景~

但是假如你是个懒人的话，下面链接里有我做的透明背景的一些图片，可以直接使用~

抱走请留言~

链接：https://pan.baidu.com/s/1mvCmv4ZHQtxNWBPer4rIpA
提取码：oqow
（本来想直接传上来的，可是有的太大老传不上来，就用网盘啦）

三玖天下第一！让三玖陪你写代码（为VScode加入背景图片）相关推荐

这声音酥了！萌妹程序员鼓励师24小时在线陪你写代码，给我吹爆这个VSCode插件...
开源最前线(ID:OpenSourceTop) 猿妹综合整理项目地址:https://github.com/SaekiRaku/vscode-rainbow-fart 最近,Github上有一个名为 ...
vscode卸载background插件_萌妹程序员鼓励师24小时在线陪你写代码，给我吹爆这个VSCode插件...
开源最前线(ID:OpenSourceTop) 猿妹综合整理项目地址:https://github.com/SaekiRaku/vscode-rainbow-fart 最近,Github上有一个名为 ...
萌妹子语音在线吹彩虹屁陪你写代码！一个神奇的 VSCode 插件
来源 | 程序员的那些事一个神奇的 VSCode 插件最近在 GitHub 发现了一个有趣的 VSCode 插件:Rainbow Fart.在你写代码的时候,可根据关键字播放接近代码含义的语音. ...
萌妹子语音陪你写代码，一个神奇的 VSCode 插件
点击上方"五分钟学算法",选择"星标"公众号重磅干货,第一时间送达转自程序员的那些事一个神奇的 VSCode 插件最近在 GitHub 发现了一个有趣的 ...
酒有七不喝，财有三不发，话有三不说，忙有三不帮，债有三不欠，碗有三不端，邻有三不比，亲友三不走！
人,图的就是快乐,开心.不要因为酒误事,不要因为攀比闹心,更不要因为亲情而伤心.做到了这些,生活就会过得有滋有味了. 亲朋好友,乡邻四舍,难得走一走,聚一聚,以增进感情,但是要注意,酒有七不喝,财有三 ...
用Java求一个三位数，该三位数是与其每位数字的阶乘之和
题目:一个三位数,该三位数与其每位数字的阶乘之和代码: public class TestSum {public static void main(String[] args) {int a, b, ...
新华三发布H3C Workspace数字工作空间：只需一张屏，程序员也能随时随地在云上写代码
随着数字时代的不断发展,工作模式经历了面对面的"纸+笔"模式.办公室场景下的"PC+电脑"模式.以及远程办公场景下的"手机+协同软件"模式, ...
支付宝支付第三集：搭建项目及测试（含代码）
支付宝支付第三集:搭建项目及测试(含代码) 一.资源在搭建项目的时候,涉及到了SpringBoot的配置文件properties与yml文件,由于之前的项目使用的全部是properties类型,这 ...
怎么把代码放图片里面进行注入_【5025Bridge V1.0】（三）连接、选座、准备的代码搭建...
(三)连接.选座.准备的代码搭建 [概览]在这篇文章中,我主要使用信号机制实现了服务器和客户端之间的通信,并自己摸索着做出了选座的界面,初步设计并构建了各种按钮之间逻辑.此文多图,纯文字量约10000 ...

最新文章

热门文章