自定义VSCode背景图片

有两种方式

先给你们看下我的背景。。如下:

第一张
第二张
在这里插入图片描述

方法一:

1. 管理员身份运行VS Code,安装background插件
在这里插入图片描述
2. 文件—首选项—设置(或者快捷键Ctrl+Shift+X),找到扩展中的plugin background,选择在setting.json中编辑
在这里插入图片描述
在这里插入图片描述
3. 在用户设置中输入以下代码,修改完后按Ctrl+S保存,会提示重启VS Code,点击确定后即可完成修改
在这里插入图片描述

代码如下:

//background 的相关配置
“update.enableWindowsBackgroundUpdates”: true,
“background.customImages”: [
“file:///F:/Picture/Yukino/vs_background.png”//图片地址,将自己图片的路径copy过来,反斜杠改一下就OK了
],
“background.style”: {
“content”:"’’",
“pointer-events”:“none”,
“position”:“absolute”,//图片位置
“width”:“100%”,
“height”:“100%”,
“z-index”:“99999”,
“background.repeat”:“no-repeat”,
“background-size”:“100%,100%”,//在这里更改图片大小,直到自己觉得合适即可
“opacity”:0.2 //透明度
},
“background.useFront”: true,
“background.useDefault”: false,//是否使用默认图片

建议:
单独创建一个背景图片的文件夹,到时候把喜欢的图片都放进去,想换哪一个,只要修改setting.json代码中的图片名称即可;

方法二:

  1. 下载“background-cover”插件;

在这里插入图片描述

  1. 如下提示,进行设置即可;
    在这里插入图片描述
  2. 个人感觉,这款插件比较方便,而且背景是全覆盖的,效果图:
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值