ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

VScode IDE 设置背景图片

2021-01-31 11:58:05  阅读:182  来源: 互联网

标签:插件 repeat background VScode style 设置 IDE 背景图片


VScode IDE 设置背景图片

注意!!!
如果设置失败,请杀掉vscode进程,以管理员身份运行,并重新配置即可

1.下载background插件
在这里插入图片描述
2.配置
如图所示
在设置里输入插件名(background)
background:style 那一行的json编辑点进去
在这里插入图片描述3如下配置即可
在这里插入图片描述这是代码

 "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute", //图片位置
        "width": "100%",
        "height": "100%",
        "z-index": "99999",
        "background.repeat": "no-repeat",
        "background-size": "30%,30%", //图片大小
        "opacity": 0.2 //透明度
    },
    //background 的相关配置
    "update.enableWindowsBackgroundUpdates": true,
    "background.customImages": [
        "file:///C:/Users/admin/Pictures/a.jpg" //图片地址
    ],
    "background.useFront": true,
    "background.useDefault": false, //是否使用默认图片

ok,大功告成!!
请看成品
在这里插入图片描述

标签:插件,repeat,background,VScode,style,设置,IDE,背景图片
来源: https://blog.csdn.net/qq_45909266/article/details/113463270

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有