更换vscode背景图片的方法

🐟下面是步骤(●’◡’●)

1. 安装插件

先安装个插件:background

是她是她就是她!就是这个小家伙,上面图片上的那个

2. 添加设置代码

接下来,我们就要在settings.json中加一点代码配置一下插件
settings.json打开方式:

  1. 使用" ctrl+, "快捷键,打开“设置”
  2. 点击“应用程序”**
  3. 划线的即为 settings.json 4. 在settings.json里原本就有的代码里加上以下这一段代码(注:要把下面的代码放进原本代码块的花括号里(●ˇ∀ˇ●))
    // 是否开启背景图显示
    "background.enabled": true,
    // true-显示默认的图片  false-显示用户自定义的图片
    "background.useDefault": false,
    // 自定义显示的图片,(路径要用双引号""括起来!)
    "background.customImages": [
        // 最多设置三张图片,默认显示最上方的图片,当打开多个侧边栏时再依次显示后面的背景图片
        "file:///D:/活动总结/1002.jpg",
        "file:///D:/活动总结/1002.jpg",
        "file:///D:/活动总结/1002.jpg",
    ],
    "background.useFront": false,
    "background.style": {
        "margin": "0 auto",
        "top": "0",
        "left": "0",
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "cover",
        "opacity": 0.3 // 透明度
    }

再加一点哈, “file:///D:/活动总结/1002.jpg” 这个东西是我的图片在电脑里的存储位置,大家用的时候要记得把这个换成自己的图片存储位置

  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值