VSCODE安装background插件背景图片更换无效问题之一

最新推荐文章于 2023-11-08 22:52:03 发布

zhouhangzhouxing

最新推荐文章于 2023-11-08 22:52:03 发布

阅读量9.9k

点赞数 1

分类专栏：常用工具及插件

本文链接：https://blog.csdn.net/zhouhangzhouxing/article/details/89814592

版权

常用工具及插件专栏收录该内容

2 篇文章

订阅专栏

博客主要提及Windows路径使用注意事项，不要直接粘贴，需将路径里的‘\\’换成‘/’。还介绍了VSCode背景设置，给出相关链接https://github.com/shalldie/vscode-background ，并说明可在background.style里自定义样式，如设置等比缩放、X轴旋转等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

"background.enabled": true,
    "background.useDefault": false,
        //是否使用默认图片
    "background.customImages": [
        // 支持本地图片和https开头的图片
        // 最多可分三栏，所以最多支持三张
        // 本地图片模板:file:///D:XXX.png
        "file:///D:/download/11fcd0fd4c0d7aff0f1e049176df47e1.jpg"
        // "https://xxx.com/cdn/ybmq.min.png",  
        // "https://xxx.com/cdn/ybmq.min.png",
        // "https://xxx.com/cdn/ybmq.min.png"                
    ],
    "background.style": {
        "content": "''",
        "pointer-events": "none",
        "position": "absolute",
        "z-index": "99999",
        "width": "100%",
        "height": "100%",
        "background-position": "100% 100%",
        "background-repeat": "no-repeat",
        "opacity": 0.3
    }

注意file:///D:/download/11fcd0fd4c0d7aff0f1e049176df47e1.jpg
windows路径不要直接粘贴路径里的 ‘’ 要换成 ‘/’

吉哈link(上面找属性，自己设置)：https://github.com/shalldie/vscode-background

background.style：自定义样式 CSS-3应该都能放进去，自己试试
“background-size”:“cover” 等比缩放
“transform”: “scaleX(-1)”, X轴旋转