更新

其实去年后来就找到了一个很完美的插件，不过忘了自己还发过这么一个东西（
就是下面这个插件，安装完以后能在窗口右下角找到一个按钮

点击这个按钮就可以进行各种设置了，包括透明度，背景图片之类的，比自己去配要舒服多了

可以不用往下翻了

这次vscode美化分为透明窗口和背景图片两个部分，都是直接使用插件的，只有一点点配置过程，非常适合刚开始着手编译器但又追求美观的萌新食用（所以不一定能完全按照自己的想法美化的哦）
（我的背景图片是用PS从奇蛋物语这个番里扣下来的）

透明窗口设置

需要下载的插件：Windows opacity
下载好后就可以直接看到效果了

想要更改透明度的话右击插件列表中的该插件，选择扩展设置

在框中输入数值，透明度范围0~255，数值越小越透明

背景图片设置

需要下载的插件：background
（注意，这个插件不是设置整个界面的背景图片，而是设置代码区域的背景图片）
启用后重启就能看见效果了，是自带的背景图片

想要更改图片的话同样右击选择扩展设置

点击 Background：Style 这一栏中的 在settings.json中编辑 选项

然后看到这个界面，就可以自由发挥随便改啦（真的

或者不想随便改的话，在大括号里添加如下代码

自定义图片路径

    "background.customImages": ["file:///D:/Sailver/Pictures/vscode/wonder1920x1080.png",],

记得把
“background.customImages”: [
“file:///D:/Sailver/Pictures/vscode/wonder1920x1080.png”,
],
中的路径替换成自己想要设置为背景的图片路径

将默认背景禁用

    "background.useDefault": false,

另外可以更改背景图片透明度
更改 "background.style"里的opacity值即可
比如

    "opacity": 0.2,

注意：默认值是1，但最好不要一开始就设为1，因为加上前面图层设为最高这一自带的语句，可能会导致彻底挡住代码（没试过，但最好别这么干，会出麻烦的？）

当然其他属性也可以自定义，自己试试吧。
这是我这个页面里的全部内容，基本没有怎么改

    {"C_Cpp.updateChannel": "Insiders","workbench.colorTheme": "Atom One Dark","workbench.iconTheme": "material-icon-theme","editor.fontSize": 17,"winopacity.opacity": 230,"background.customImages": ["file:///D:/Sailver/Pictures/vscode/wonder1920x1080.png",],"background.useDefault": false,"background.style": {"content": "''","pointer-events": "none","position": "absolute","z-index": "1","width": "100%","height": "100%","background-position": "100% 100%","background-repeat": "no-repeat","background-size": "100% 100%","opacity": 0.2,},
}

至此所有工作都完成了，当然也可以继续学习修改background里的代码来获得更好的效果
（以后想尝试做一下毛玻璃效果之类的，不过还是等闲下来再整吧）

最终效果

vscode透明背景以及背景图片设置相关推荐

【最全IDEA个性化教程】idea设置主题+恢复主题默认设置+设置选中代码颜色+关键字颜色+设置字体大小、样式、颜色+设置背景颜色、图片+设置导航栏背景颜色+设置控制台字体样式及背景+常用快捷键)
目录下载设置主题样式+恢复主题默认设置 1 个性化代码段 1.1设置颜色设置光标颜色自定义图片做背景修改代码段的颜色和背景颜色选中代码块颜色修改,修改括号颜色 1.2 设置字体大小.格式 1 ...
QT之窗口背景颜色和图片设置
设置窗口.窗体的背景图片第一种:定义一个函数,使用QPalette和QPixmap 在.h文件定义一个私有的函数声明:void resizeEvent(QpesizeEven *event),然后 ...
怎么把http图片改成背景图HTML,web前端：将图片设置成页面的背景-网页页面设置...
如题,字面上的意思,今天小编,就是来跟大家说一下,一个网页做一个图片背景! 将图片设置成背景,那么先找背景素材,这个背景素材可以到各大图片网站找! 那么为什么今天小编要讲这个呢? 在做一个网页中,如果 ...
VScode 透明背景设置
我们通常使用VScode开发项目,时间长了不免有些疲惫,在此教给大家一个设置VScode 透明背景的方法,给大家的代码之旅带来一点乐趣. 1.首先在vscode扩展中,找到并下载background这 ...
html给网页加图片背景颜色,0035 如何设置网页背景图和在网页中插入图片
上节课讲了关于表格的一些更多知识和用表格配合div来进行网页排版. 这节课开始讲关于网页图片的相关知识. 上节课的课后练习 1.去网上搜索2个自己喜欢的图片,1个图片用来作为整个网页的背景,另一个图片 ...
Photoshop png图片改变透明背景之外的图片颜色
png图片改变透明背景之外的图片颜色 1.打开需要修改的图片 2.新建新的图层 3.右键创建剪切蒙版 4.打开主菜单前景色 4.设置自己想要的颜色 5.按Alt+Delete将颜色填充满蒙版大功告 ...
在网页中插入一个透明背景的PNG图片
在网页中插入一个透明背景的PNG图片,可是在显示的时候,它的背景就成灰色了.这是IE的bug.需要加入以下代码: <script language="jscript"> ...
android自定义透明圆形,Android给TextView设置透明背景、圆角边框
第一种方法:在drawable文件夹下新建一个文件设置背景样式代码: 在drawable文件夹下面新建text_view_border.xml <?xml version="1.0& ...
CSS -- CSS背景设置总结（纯色背景、背景图片）
文章目录 CSS的背景 1 背景颜色 2 背景图片 3 背景平铺 4 背景图片位置 5 背景图像固定(背景附着) 6 背景复合写法 7 背景色半透明 8 背景设置总结 CSS的背景通过 CSS 背景 ...

vscode透明背景以及背景图片设置