VScode IDE 设置背景图片

最新推荐文章于 2024-07-11 09:51:41 发布

_无妻徒刑

最新推荐文章于 2024-07-11 09:51:41 发布

阅读量198

点赞数

文章标签： vscode 经验分享

本文链接：https://blog.csdn.net/qq_45909266/article/details/113463270

版权

本文详细介绍了如何在VScode IDE中设置自定义背景图片，包括安装background插件，配置JSON设置项，调整图片大小、透明度等，以实现个性化的编辑器环境。只需简单几步，即可让你的VScode工作空间焕然一新。

摘要由CSDN通过智能技术生成

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, //是否使用默认图片