修改VScode编辑器的背景画面

如何修改自己VScode编辑器的背景画面

开始

作为一名热爱编程的 程序牛 ,我对自己使用的软件编辑器自然有一些小小的改进想法。接下来,将介绍如何让编辑器更加美观和实用,下面就来为大家介绍一下怎么给它扮靓靓啦…

安装插件

首先打开VScode软件,按快捷键 Ctrl+Shift+x,打开扩展商店,搜索 background 并安装。

设置插件

文件 - 首选项 - 设置 , 然后输入 background,显示扩展设置,点击 “在settings.json中编辑”。

填写代码

输入以下代码设置背景图片的样式,注意:要在大括号里面输入;图片选自己喜欢看的,但路径和格式不能错;透明度可以根据自己需求设置。代码在最后面,可以直接复制粘贴。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
"background.style": {
"content": "''",
"pointer-events": "none",
"position": "absolute", // 绝对定位
"z-index": "99999",
"width": "100%",
"height": "100%",
// "background-position": "0% 0%", // 图片位置
"background-size": "cover", // 图片大小,这里设置铺满
// "background-size": "50%,50%", //如果缩放的话就输出缩放的百分比
"background-repeat": "no-repeat", //是否重复
"opacity": 0.3 // 透明度
},
"background.customImages": [
"file:///C:/Users/Administrator/Pictures/image.jpg" // 本地图片地址
],
"background.useDefault": false, //是否使用默认图片,false

重启VScode

设置完按ctrl+s 保存之后,会弹出让你重启VScode。

如果没有成功,请使用管理员身份运行vscode。

重启之后随便新建一个文件,惊不惊喜,意不意外?